vertical-align:middle funzt nicht
crawley
- css
Hallo,
ich scheine auf meiner Leitung zu sitzen...
Ich habe in css folgendes definiert:
span.schriften { font-weight:700; vertical-align:middle; }
img.button { border-style:none; margin: 0px 5px 0px 0px; float:left;
um in der mittleren Zeile Grafik und Text mittig auszurichten:
<p>
Autor<br>
<span class="schriften"><img src="gelbes_quadrat.gif" width="10" height="10" alt="" class="button">Werk</span><br>
Herausgeber</p>
Es will mir aber nicht gelingen. Wo liegt da der Fehler?
Dank & Gruß
Jens
Hallo,
Es will mir aber nicht gelingen. Wo liegt da der Fehler?
Richte die Grafik mittig aus.
„vertical-align“ wirkt bei inline-Elementen anders als bei Tabellen.
mfg. Daniel
Hallo,
Richte die Grafik mittig aus.
„vertical-align“ wirkt bei inline-Elementen anders als bei Tabellen.
So?
span.schriften { font-weight:700; vertical-align:middle; }
img.button { border-style:none; margin: 0px 5px 0px 0px; float:left; vertical-align:middle; }
Hilft aber nicht :-(
Gruß
Jens
Hallo,
Richte die Grafik mittig aus.
„vertical-align“ wirkt bei inline-Elementen anders als bei Tabellen.So?
Ja, ein Bild richtet sich selbst aus, nicht seinen Inhalt.
span.schriften { font-weight:700; vertical-align:middle; }
img.button { border-style:none; margin: 0px 5px 0px 0px; float:left; vertical-align:middle; }
> Hilft aber nicht :-(
Sorry, das „float“ hatte ich erst übersehen. Ein gefloatetes Bild kannst du nicht vertikal zentrieren, weil du es aus dem Textfluss nimmst.
mfg. Daniel
--
[Experten raten von der Verwendung des Internet Explorers ab!](http://web.oesterchat.com/internet-explorer/)
[Mein SELF-stylesheet](http://danielrichter.da.funpic.de/SELFForumsCSS.html) | [Darum Firefox!](http://www.firefox-love.de/)
[Selfcode](http://forum.de.selfhtml.org/cgi-bin/selfcode.pl): [ie:{ fl:( br:> va:) ls:& fo:) rl:( n4:# ss:| de:> js:) mo:} zu:}](http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%7B+fl%3A%28+br%3A%3E+va%3A%29+ls%3A%26+fo%3A%29+rl%3A%28+n4%3A%23+ss%3A%7C+de%3A%3E+js%3A%29+mo%3A%7D+zu%3A%7D)
Hallo,
span.schriften { font-weight:700; vertical-align:middle; }
img.button { border-style:none; margin: 0px 5px 0px 0px; float:left; vertical-align:middle; }
>
> Sorry, das „float“ hatte ich erst übersehen. Ein gefloatetes Bild kannst du nicht vertikal zentrieren, weil du es aus dem Textfluss nimmst.
Jetzt, wo Du es sagst... ;-)
1000 Dank!
Gruß
Jens