✔ IE 5 - Linkproblem

[cosmanova]

Hallo

Habe auf meiner Seite Links in der Farbe Blau, die weiß unterstrichen sein sollen. Klappt in Firefox, Opera und IE 6 mit unten stehendem Code super -> nur wieder mal nicht im IE 5. Hab schon rumgetüftelt komme aber auf keine Ergebnis. Wenn ich das text-decoration: none; im IE 5 herausnehme, zeigt er mir zwar den Unterstrich an, dieser lässt sich aber in keiner anderen Farbe als der Text festlegen (auch nicht mit link="#000000" im body).

Habt ihr einen Trick auf Lager ?

ul.contact {
list-style-type: none;
text-align: right;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 90%;
line-height: 150%;
margin: 1px 15px 0 0 ;
}

a.contact {
text-decoration: none;
color: #0084A5;
font-weight: bold;
border-bottom: solid 2px #ffffff;
}

a.contact:hover {
background-color: #e4eff6;
color: #df0029;
}

....
....
....

<td width="180" bgcolor="#e4eff6">
	  <ul class="contact">
	         <li><a href="" class="contact">Link 1</a></li>
	         <li><a href="" class="contact">Link 2</a></li>
	         <li><a href="" class="contact">Link 3</a></li>
	         <li><a href="" class="contact">Link 4</a></li>
	  </ul>
</td>

Viele Grüße
Cosmi

 

[Maik]

Hi,

versuch es mal mit diesen Regelerweiterungen:

ul#contact {
float:right;
list-style-type: none;
text-align: right;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 90%;
line-height: 150%;
margin: 1px 15px 0 0;
width:100px;
}

* html ul#contact li {
float:right;
}

a.contact {
text-decoration: none;
color: #0084A5;
font-weight: bold;
border-bottom: solid 2px #ffffff;
width:100%;
display:block;
}

a.contact:hover {
background-color: #e4eff6;
color: #df0029;
}

 

[cosmanova]

Moin Maik

also die weißen Linien unterhalb der Links werden nun angezeigt. Aber:

Ich benötige dafür nur die Angabe:

a.contact {
text-decoration: none;
color: #0084A5;
font-weight: bold;
border-bottom: solid 2px #ffffff;
width:30%;
}

Ob ich den Rest reinschreibe ist dem IE 5 egal.

30% desshalb, weil sonst die Linie länger als der Text ist (Links sind rechts ausgerichtet). Da mein letzter Link aus zwei Wörtern besteht musste ich das einfache Leerzeichen dazwischen entfernen und dafür &#160 einfügen, sonst zeigt er mir aufgrund der 30% den einen Link in zwei Zeilen an.

Also hat super geklappt - vielen Dank