Text in Link-Tag als Blockelement zentrieren

[Bastian Schnitzler]

Hallo!
Ich habe einen Link-Tag(<a>), der die Eigenschaften display: block, sowie feste hoehe und breite hat. Nun steht darin Text, welcher aber auf der unteren Kante des A-Tags steht. Wie bekomme ich diesen zentriert?
Anzuschauen im linken Menu auf vuff.de

mfg,
Bastian

[nance]

Schön Abend!

Versuchs mal mit:

  
<a style="top: 50%; margin-top: -.5em;">...</a>  

schau
nance

[Ingo Turski]

Hi,

Versuchs mal mit:

<a style="top: 50%; margin-top: -.5em;">...</a>

bitte rate doch wild herum und biete dann nicht noch einen so unsinnigen Vorschlag an.  
top:50% witrkt sich ohne Angabe zu position rein gar nicht aus. Und mit position:absolute würde es sich am nächsten positionierten Eternelement, in diesem Fall an der Navigationsbox, ausrichten und alle Links übereinander positionieren.  
  
Eine sinnvolle Lösung wäre, auf die Höhenangabe zu verzichten und stattdessen line-height (in em) für a anzugeben. Dann käme es wenigstens nicht direkt bei Scvhriftvergrößerung zu Überlagerungen.  
  
freundliche Grüße  
Ingo

-- 
[[barrierefreie Webseitenerstellung](http://www.1ngo.de/web/) » [Suchmaschinenoptimierung](http://www.1ngo.de/web/seo.html) | [em?](http://www.1ngo.de/web/em.html)] ([Hommingberger Gepardenforelle](http://www.1ngo.de/hommingberger-gepardenforelle/);-)

[Gernot Back]

Hallo Bastian,

hier schon mal etwas, was zumindest in Opera_7.54, Mozilla_1.7.2 und IE_6 unter Win98 funktioniert. Ich bezweifele aber, ob das eine allgemeingültige Lösung sein kann. Vielleicht kommst du ja aber so auch schon ein Stück weiter.

  
<a href="#" style="[code lang=css]position:relative;height:5em;width:10em;display:block;background:yellow;
~~~">  
  <span style="`position:absolute;top:50%;left:50%`{:.language-css}">  
    <span style="`display:block;position:relative;top:50%;left:-50%;margin-top:-12.5%;_margin-top:-7.5%`{:.language-css}">ein Linktext  
    </span>  
  </span>  
</a>  
[/code]  
  
Gruß Gernot