tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
7
ZUGRIFFE
3750
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    anyany anyany ist offline Mitglied Silber
    Registriert seit
    Feb 2007
    Beiträge
    75
    hi ich hab ein problem, ich will auf ein bild 318x351 ein text in der mitte von dem bild ausgeben, ich habs jetzt schon mitm div versucht in dem ich das bild geladen hab und den text per style and die geswuenschte positions zu brinken klappt aber irgendwie noch nich ganz
     

  2. #2
    Registriert seit
    Dec 2002
    Ort
    Trier
    Beiträge
    17.502
    Blog-Einträge
    10
    Du könntest die Grafik als Hintergrund einsetzen, beispielsweise:
    HTML-Code:
    <p style="width:318px; height:351px; background-image:url(…); text-align:center"></p>
     
    Markus Wulftange

  3. #3
    anyany anyany ist offline Mitglied Silber
    Registriert seit
    Feb 2007
    Beiträge
    75
    jetzt ist es schonmal horizontal inner mitte und wie bekomm ichs jetzt vertikal in die mitte?
     

  4. #4
    Maik Tutorials.de Gastzugang
    Hi,

    wenn es sich hierbei um einen einzeiligen Text handelt, lässt sich dieser mit Hilfe der line-height-Eigenschaft vertikal zentrieren:

    Code :
    1
    
    <p style="width:318px; line-height:351px; background-image:url(…); text-align:center"> … </p>
    Und beachte bitte unsere Netiquette (Nr.15) bzgl. deiner durchgehenden Kleinschreibung. Vielen Dank.
     

  5. #5
    anyany anyany ist offline Mitglied Silber
    Registriert seit
    Feb 2007
    Beiträge
    75
    Nein es ist leider ein mehrzeiliger Text der dynamisch erzeugt wird.
     

  6. #6
    Registriert seit
    Dec 2002
    Ort
    Trier
    Beiträge
    17.502
    Blog-Einträge
    10
    Folgendes ist möglich:
    HTML-Code:
    <p style="display:table-row; background-image:url(…)"><span style="display:table-cell; width:318px; height:351px; text-align:center; vertical-align:middle"></span></p>
    Die Unterstützung der display-Eigenschaftswerte table-cell und table-row vorausgesetzt.
     
    Markus Wulftange

  7. #7
    anyany anyany ist offline Mitglied Silber
    Registriert seit
    Feb 2007
    Beiträge
    75
    Zitat Zitat von Gumbo Beitrag anzeigen
    Folgendes ist möglich:
    HTML-Code:
    <p style="display:table-row; background-image:url(…)"><span style="display:table-cell; width:318px; height:351px; text-align:center; vertical-align:middle"></span></p>
    Die Unterstützung der display-Eigenschaftswerte table-cell und table-row vorausgesetzt.
    Funktioniert leider auch nicht, leigt vielleicht dadran das die Displayfunktion nicht unterstützt wird, wo kann ich nachgucken ob diese unterstuetzt wird? ich habs jetzt ganz billig mit ein paar <br> gemacht :S
     

  8. #8
    Maik Tutorials.de Gastzugang
    Eine Übersicht der unterstützten Eigenschaften bzw. Eigenschaftswerte findest du hier:
    1. http://www.thestyleworks.de/quickref...shtml#sdisplay
    2. http://www.css4you.de/browsercomp.html
     

Ähnliche Themen

  1. Antworten: 5
    Letzter Beitrag: 08.03.09, 18:46
  2. Antworten: 1
    Letzter Beitrag: 05.12.08, 11:15
  3. Antworten: 9
    Letzter Beitrag: 12.09.08, 13:28
  4. Text in Bild einarbeiten? Siehe Bild
    Von nitrobesim im Forum Photoshop
    Antworten: 3
    Letzter Beitrag: 06.07.05, 14:41
  5. Text im Bild?
    Von maaary im Forum HTML & XHTML
    Antworten: 5
    Letzter Beitrag: 01.04.04, 16:39