CSS LI/A vertical-align

[Netzwerkidi]

Hallo,

gibt es eine Möglichkeit, das A-Tag unten auszurichten, ohne über die Margin zu gehen wie im Beispiel?

http://jsfiddle.net/F4fGL/


LG
Idi

 

[djheke]

Na mit padding.

* { 
 margin:0;
 padding:0;
}


#navi ul {
 list-style:none;
 width:200px;
 float:left;
}

#navi a {
 text-decoration:none;
 color:#000;
 display:block; 
 padding-top:10px; /* Schriftgröße ca. 16px (ca. 19px) + padding Gesamthöhe ca. 29px */
 background:#eee;
}

 

[Netzwerkidi]

Klar, padding ginge, hat aber den Nachteil, dass es nicht mehr passt, wenn es mehrzeilig wird, was der Fall ist.

 

[djheke]

Klar, padding ginge, hat aber den Nachteil, dass es nicht mehr passt, wenn es mehrzeilig wird, was der Fall ist.

Wie meinst du das? Wenn du mehrere Elemente in LI hast, dann gibst du dem LI das Padding. Aber am besten wird es sein, du verrätst uns was du vor hast.

 

[Netzwerkidi]

Ich meine, wenn der Text länger wird und umgebrochen wird innerhalb eines SPAN-Elementes.
Inzwischen habe ich eine andere Variante gewählt, wobei mich aber trotzdem interessieren würde, wie man dieses Problem grundsätzlich lösen könnte.
Ich habe die Fiddle mal angepasst: http://jsfiddle.net/F4fGL/

 

[djheke]

Mit einer festen Höhe geht es in deisem Zusammenhang nicht

 

[Netzwerkidi]

Genau, deshalb wäre so eine Art vertical-align wie bei CSS-Tables sinnvoll.