Regeln für Text nach autom. Zeilenumbruch
steffi
- css
moin
hab nen text in nen div tag reingestopft. dort wird z.b. versucht, 'abc def ghi jkl' in einer zeile unterzubringen, da erst danach ein <br> folgt. nun ist es jedoch so, dass, vor dem text ein pfeil-bildchen (img) eingebunden wird. wird nun z.b. 'jkl' in eine neue zeile automatisch verschoben/umgebrochen, so steht es direkt unter dem pfeil, da es nicht eingerückt ist.
nun hoffe ich, dass es eine methode gibt, die das verhalten des textes nach einem automatischen zeilenumbruch steuert, sodass ich 'jkl' rechtsbündig einbinden kann oder mit einem vorschub versehen kann.
falls unverständlich beschrieben....:
-> abc def ghi
jkl
('->' ist ein <img> tag
jkl soll ein paar pixel weiter rechts stehen oder zumindest rechtbündig sein)
thx
Tag steffi.
nun hoffe ich, dass es eine methode gibt, die das verhalten des textes nach einem automatischen zeilenumbruch steuert, sodass ich 'jkl' rechtsbündig einbinden kann oder mit einem vorschub versehen kann.
Du musst dem Bild ein float:left und dem umflließenden Text ein ausreichendes margin-left zuweisen. Der Wert für den linken Außenabstand muss mindestens so groß sein wie die Bildbreite plus eventuelle Außenabstände, die du dem Bild verpasst hast.
Siechfred
Hi,
hab nen text in nen div tag reingestopft.
<div> dient der Gruppierung von Elementen. Ist es semantisch korrekt, dort direkt Text "reinzustopfen"?
dort wird z.b. versucht, 'abc def ghi jkl' in einer zeile unterzubringen, da erst danach ein <br> folgt.
Ein <br> ist immer ein starkes Indiz dafür, dass die umliegende Struktur fehlerhaft ist. Überprüfe dies.
nun ist es jedoch so, dass, vor dem text ein pfeil-bildchen (img) eingebunden wird.
Ein Pfeil-Bildchen ist vermutlich eine Verzierung, es transportiert keinen Inhalt. Daher hat es im HTML-Code nichts verloren. Nutze CSS.
nun hoffe ich, dass es eine methode gibt, die das verhalten des textes nach einem automatischen zeilenumbruch steuert, sodass ich 'jkl' rechtsbündig einbinden kann oder mit einem vorschub versehen kann.
Ja. Die Methode lautet: Zunächst einmal eine günstige Struktur für die vermittelten Inhalte finden, anschließend (nur!) mit CSS die Darstellung regulieren.
Cheatah
Hallo Steffi,
falls unverständlich beschrieben....:
-> abc def ghi
jkl
kann es sein, dass du mehrere von diesen "->" hast? Handelt es sich um eine Aufzählung / eine Liste? Dann ist http://de.selfhtml.org/css/eigenschaften/listen.htm das richtige für dich.
Grüße,
Jochen