Skumt fel med stilmallar

2 svar · 246 visningar · startad av Kristianstad 5 aug. 2005

KristianstadMedlem sedan dec. 2002841 inlägg

Frågan5 aug. 2005 12:12#1

<html>
<head>

<STYLE type="text/css">
.lank {
        color: #000000;
        border-bottom: 1px solid;
}

A:link {
	text-decoration: none;
}
A:visited {
	text-decoration: none;
}
A:hover {
	text-decoration: underline; color: #557EB4;
	}
</STYLE>
</head>
<body>
<table cellspacing="0" [b]cellpadding="0"[/b]>
  <tr>
    <td><a href="lank.html" class="lank">Länk</a></td>
  </tr>
</table>
</body>
</html>

Om cellpadding="0" står där blir länken inte understruken i Internet Explorer. Om man tar bort cellpadding="0" så blir den understruken.

Kan någon förklara varför?

I Firefox funkar det.

/ Kristoffer

icaaqMedlem sedan okt. 20005 273 inlägg

5 aug. 2005 12:19#2

testa att lägga dit en padding-bottom;

.lank {
        color: #000000;
        border-bottom: 1px solid;
        padding-bottom: 1px; /* eller kanske 2px */
}

mv icaaq
/red. Jag tänkte nog helt fel nu.....

zcorpanMedlem sedan dec. 20042 245 inlägg

5 aug. 2005 13:40#3

Jag är inte säker på varför IE klipper av understrukningen, men det här verkar lösa problemet. :)

td { padding-bottom:.1em; }