[ps915]

Hallo,
ich weiß nicht so recht wie ich das machen könnte.
Ich habe ein Menü:

Die Kategorien hab ich nur so erstellt damit es sinvolles drin ist, da ich grade noch am Anfang meines Layouts bin!

So, ich möchte nun das Bild und den Text in einer Reihe haben, also gleicher Abstand von Bildunterseite nach unten und das gleiche nach oben. Das selbe dann auch mit de Text.

<div id="menu">
   <div class="top">Get started.... </div>
   <div class="cat"><img class="cat_img" src="images/icons/house.png" width="16" height="16" />&nbsp;Startseite </div>
   <div class="cat"><img class="cat_img" src="images/icons/layers.png" width="16" height="16" />&nbsp;Archiv</div>
   <div class="cat"><img class="cat_img" src="images/icons/email.png" width="16" height="16" />&nbsp;Kontakt </div>

Wer kann mir da den helfen? Wie mach ich das denn mal in CSS?

[K050V4]

Meintest du das:

<img ... style="vertical-align:middle" />

So könntest du es auch machen:

#menu div img {
 vertical-align:middle;
}

(gilt dann für alle Images im Div "menu")

Dieser Beitrag wurde von K050V4 bearbeitet: 26. September 2008 - 16:26

[crashXP]

Mit line-height:

<div id="menu">
   <div class="top">Get started.... </div>
   <div class="cat" style="line-height:16px;"><img class="cat_img" src="images/icons/house.png" width="16" height="16" />&nbsp;Startseite </div>
   <div class="cat" style="line-height:16px;"><img class="cat_img" src="images/icons/layers.png" width="16" height="16" />&nbsp;Archiv</div>
   <div class="cat" style="line-height:16px;"><img class="cat_img" src="images/icons/email.png" width="16" height="16" />&nbsp;Kontakt </div>

oder direkt in die Style Klasse cat 'line-height:16px;' einfügen

[ps915]

ja, das trit es schon fasst, gibts auch soetwas was "vertical-text-align" entspricht oder muss ich da immer mit padding arbeiten?

Oh, danke crashXP, mit "line-height" und "vertical-align" passt es!

Danke euch!

gruß,
Toasterfraktion

Dieser Beitrag wurde von Toasterfraktion bearbeitet: 26. September 2008 - 16:39