Ausrichtung Text und Grafik in einer Zeile

[darkKyle]

Hallo,

ich habe ein Problem, wo ich derzeit etwas feststeckte.

Und zwar habe ich im Footer einer Homepage eine Zeile, die Text enthält,
~4~5 Links. Jetzt möchte ich in diese Zeile noch zwei kleine 16*16 Pixel Grafiken packen.

Leider verschiebt sich dadurch der Text immer noch unten. Das sieht nicht schön aus. Und irgendwie finde ich nicht die richtige Option, den Inhalt dieser "Zeile" (div Elements) auszurichten.
Am besten wäre wohl Inhalt darf maximal 16 px hoch sein, Grafiken mittig,
Text Bottom oder auch mittig - müsste man sehen.

Wer kann mir auf die Sprünge helfen? Danke!

[Matthias Apsel]

Om nah hoo pez nyeetz, darkKyle!

Am besten wäre wohl Inhalt darf maximal 16 px hoch sein, Grafiken mittig,
Text Bottom oder auch mittig - müsste man sehen.

vertical-align sollte dein Freund sein.

Matthias

[darkKyle]

vertical-align sollte dein Freund sein.

Matthias

Hallo,

danke aber das hatte ich auch schon versucht - scheint nicht die Lösung zu sein.
(Oder ich wende es falsch an...)

Wenn ich in das div eine Border packe, ist hängen die Grafiken direkt oben an der Border der Text aber nicht bei vertical-align: top und das sollte doch so sein oder?

Btw bei bottom ändert sich auch nichts, der Text hängt unten, die beiden Grafiken oben.

Gruss

[ChrisB]

Hi,

danke aber das hatte ich auch schon versucht - scheint nicht die Lösung zu sein.
(Oder ich wende es falsch an...)

Durchaus möglich.

MfG ChrisB

[darkKyle]

Hm okay.

Laut diesem Link geht das so wohl nicht, wie ich es vor habe:
http://www.css4you.de/Texteigenschaften/vertical-align.html

Die Elemente, 5 Text-Links und 5 "Trenner"-Grafiken, dazu eben die 2 mal 16 px Link Icons sind in einem div Element, das derzeit so aufgebaut ist:

  
div#footermenu {  
      float: left;  
      width: 470px;  
      text-align: right;  
      vertical-align: top;  
      }  

vertical-align scheint gar nicht zu "wirken".

Gruss

[Matthias Apsel]

Om nah hoo pez nyeetz, darkKyle!

Die Elemente, 5 Text-Links und 5 "Trenner"-Grafiken, dazu eben die 2 mal 16 px Link Icons sind in einem div Element, das derzeit so aufgebaut ist:

div#footermenu { ...

vertical-align: top;}

>   
> vertical-align scheint gar nicht zu "wirken".  
  
so richtig hilfreich ist das nicht. Ich befürchte, du hast kein sinnvolles HTML gebaut, denn eine Liste von Links sollte eine Liste sein, die Trennergrafiken könnten dann das list-style-image sein und die Grafiken ...  
  
Anzumerken ist, dass du nicht dem Div vertical-align geben möchtest, sondern seinen Inhalten.  
  
Wenn du die Seite herzeigen würdest, könnte man dir deutlich zielführendere Vorschläge machen.  
  
Matthias

-- 
1/z ist kein Blatt Papier.  
![](http://www.billiger-im-urlaub.de/kreis_sw.gif)