Link, display:block und vertical-align

[Markus Thomas]

Hallo,

ich habe einen Link mit css formatiert:

  
display:block;  
width:100px;  
height:100px;  
text-align:center;  
vertical-align:middle;  

Ziel ist, den Text des Links in dem Block mittig darzustellen.

Ergebnis: der Text wird immer oben im Block horizontal mittig dargestellt, die vertikale Ausrichtung wird ignoriert(getestet in IE6,Opera8,Mozilla).

Weiß jemand, wie ich das lösen kann bzw. ist das überhaupt realisierbar?

Gruß aus Berlin,
Markus

[wahsaga]

hi,

Ergebnis: der Text wird immer oben im Block horizontal mittig dargestellt, die vertikale Ausrichtung wird ignoriert(getestet in IE6,Opera8,Mozilla).

Muss ja auch.
vertical-align:
"Applies to:   inline-level and 'table-cell' elements"

Weiß jemand, wie ich das lösen kann bzw. ist das überhaupt realisierbar?

Wenn der Text nur kurz ist, und damit höchstvermutlich einzeilig bleiben wird: line-height entsprechend setzen.

gruß,
wahsaga

[Markus Thomas]

Hallo,

Muss ja auch.
vertical-align:
"Applies to:   inline-level and 'table-cell' elements"

Dachte ich mir schon...

Wenn der Text nur kurz ist, und damit höchstvermutlich einzeilig bleiben wird: line-height entsprechend setzen.

Ist leider nicht vorhersehbar und außerdem ist noch ein Bild enthalten, das entweder im Hoch- oder Querformat vorliegt und auch keine einheitliche Größe hat.

Werd ich wohl mit <div> arbeiten müssen ...

Danke und Gruß aus Berlin,
Markus

[Markus Thomas]

Hallo,

ich meinte:
Werd ich wohl mit <table> arbeiten müssen ...

Gruß aus Berlin,
Markus