Der folgende Beitrag wurde am 15. 11. 2009, 18:25 Uhr von Mario Steinko veröffentlicht.
Hi!
Wie kann ich in ein div links,mittig und rechts text schreiben?
Meine Erste Idee war die:
<span class="right-text">right text</span>left text<span class="center-text">small center text</span>'
.right { float:right; with:50%; text-align:right; }
.center { float:right; }
Das funktioniert aber im IE nicht. Wie kann ich das sonst machen?
danke
Mario
Der folgende Beitrag wurde am 15. 11. 2009, 18:53 Uhr von Gunnar Bittersmann veröffentlicht.
@@Mario Steinko:
nuqneH
> Wie kann ich in ein div links,mittig und rechts text schreiben?
Warum 'div', wenn Text drinsteht, und nicht 'p'?
Markup:<div>
<span class="right">baz</span>
<span class="left">foo</span>
<span class="center">bar</span>
</div>
Stylesheet:div { text-align: center }
.left { float: left }
.right {float: right }
Unschön daran: Die falsche Reihenfolge im Markup (rechtes als erstes).
Also anders:
Markup:<div>
<span class="left">foo</span>
<span class="center">bar</span>
<span class="right">baz</span>
</div>
Stylesheet:div { position: relative; text-align: center }
.left { position: absolute; left: 0 }
.right {position: absolute; right: 0 }
Qapla'
--
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
Der folgende Beitrag wurde am 15. 11. 2009, 23:44 Uhr von Mario Steinko veröffentlicht.
Das erste zentriert den mittleren Text nicht wirklich sondern nur zwischen dem linken und dem rechten Text.
Und das zweite funktioniert im IE auch ned :-/
lg
Mario
Der folgende Beitrag wurde am 16. 11. 2009, 00:26 Uhr von Beat veröffentlicht.
> Das erste zentriert den mittleren Text nicht wirklich sondern nur zwischen dem linken und dem rechten Text.
> Und das zweite funktioniert im IE auch ned :-/
Du suchst Block Verhalten für inline Elemente.
inline-block.
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische
Der folgende Beitrag wurde am 16. 11. 2009, 02:15 Uhr von Mario Steinko veröffentlicht.
Ah, thx :-)
Jetzt funktionierts auf FF und IE :-)
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4