crawley: vertical-align:middle funzt nicht

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

  1. 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

    1. 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

      1. 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)
        
        1. 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