SELFHTML Forum  SELFHTML Forumsarchiv  2005  Mai

	SELFHTML Forumsarchiv Text in Link-Tag als Blockelement zentrieren
	(CSS) Text in Link-Tag als Blockelement zentrieren von Bastian Schnitzler, 30. 05. 2005, 18:49  (CSS) Text in Link-Tag als Blockelement zentrieren von nance, 30. 05. 2005, 19:21  (CSS) Text in Link-Tag als Blockelement zentrieren von Ingo Turski, 30. 05. 2005, 20:20  (CSS) Text in Link-Tag als Blockelement zentrieren von Gernot Back, 30. 05. 2005, 20:47

Text in Link-Tag als Blockelement zentrieren

Die folgende Nachricht zum Thema stammt von: Bastian Schnitzler, 30. 05. 2005, 18:49

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

Text in Link-Tag als Blockelement zentrieren

Die folgende Nachricht zum Thema stammt von: nance, 30. 05. 2005, 19:21

Schön Abend!

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


schau
nance

Text in Link-Tag als Blockelement zentrieren

Die folgende Nachricht zum Thema stammt von: Ingo Turski, 30. 05. 2005, 20:20

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 » Suchmaschinenoptimierung | em?] (Hommingberger Gepardenforelle;-)

Text in Link-Tag als Blockelement zentrieren

Die folgende Nachricht zum Thema stammt von: Gernot Back, 30. 05. 2005, 20:47

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="position:relative;height:5em;width:10em;display:block;background:yellow;">
  <span style="position:absolute;top:50%;left:50%">
    <span style="display:block;position:relative;top:50%;left:-50%;margin-top:-12.5%;_margin-top:-7.5%">ein Linktext
    </span>
  </span>
</a>


Gruß Gernot

 SELFHTML Forum  SELFHTML Forumsarchiv  2005  Mai

© 1998-2006  Impressum, Software: Classic Forum