CSS Link formatieren --> width

[Chosi]

Hallo zusammen,

es geht um folgende, via CSS formatierte Links: klick

Genauer gesagt, um die width-Eigenschaft, denn alle Links sollen jeweils die gleiche Breite haben. IE und Opera interpretieren dies auch korrekt, nur Firefox scheint das width-Argument nicht zu interessieren :-/.

Gibt's da vielleicht irgend 'nen Trick? Oder weiß jemand Abhilfe?

 

[Quaese]

Hi,

bei Links handelt es sich um inline-Elemente. Diese akzeptieren normalerweise keine
Grössenangeben und deshalb interpretiert der Opera die Breite nicht.

Du kannst mit Hilfe der CSS-Eigenschaft display ein Blockelement generieren. Dieses
formatierst du weiterhin mit float: left, um damit zu erreichen, dass mehr Links in einer
Zeile dargestellt werden können (Blockelement erzeugen normalerweise einen Absatz
im Textfluss).

<div>
	<a href="#" style="display: block; float: left; border:1px solid #000000; color: #000000; text-decoration: none; font-family: Verdana, Arial; font-size: 12px; padding-left: 5px; padding-right: 5px; width: 120px; text-align: center; margin-right:15px;">HOME</a>
	<a href="#" style="display: block; float: left; border:1px solid #000000; color: #000000; text-decoration: none; font-family: Verdana, Arial; font-size: 12px; padding-left: 5px; padding-right: 5px; width: 120px; text-align: center; margin-right:15px;">KONTAKT</a>
	<a href="#" style="display: block; float: left; border:1px solid #000000; color: #000000; text-decoration: none; font-family: Verdana, Arial; font-size: 12px; padding-left: 5px; padding-right: 5px; width: 120px; text-align: center; margin-right:15px;">DEHNB&Auml;NDER</a>
	<a href="#" style="display: block; float: left; border:1px solid #000000; color: #000000; text-decoration: none; font-family: Verdana, Arial; font-size: 12px; padding-left: 5px; padding-right: 5px; width: 120px; text-align: center; margin-right:15px;">LINK</a>
</div>

Ciao
Quaese

 

[Chosi]

Prima! So klappt's wunderbar ... Mal lernt doch nie aus.

Dickes Dankeschön.