3 svar · 316 visningar · startad av karlj87
Hej!
Har en helt vanlig table med några rader och kolumner. CSS-filen har denna kod:
TABLE TD { border: 1px solid #00000;}
Men ändå så blir inte de horisontella "kanterna" svarta i FF. Har läst lite om det på google men inte hittat någon lösning. :( Hur löser man detta?
Tacksam för svar!
border-collapse:collapse;
Har du tetat med det?
Japp gjorde det nu. La in det i min Css-fil såhär:
TABLE TD { border: 1px solid #00000;border-collapse:collapse}
Men då försvann hela tabellen. Vad gör egentligen "border-collapse:collapse"?
Min html-kod ser ut såhär:
<table border="1" cellpadding="0" cellspacing="0" align="center" style="border:0">
<tr>
<td colspan="2" style="border-top:0"><img src="graphs/logo.gif" border="0" width="459" height="133" alt=""></td>
</tr>
<tr>
<td colspan="2" style="border-top:0">adsasd</td>
</tr>
<tr>
<td style="border-right:0;border-top:0;">asdasd</td>
<td style="border-top:0;">asdasd</td>
</tr>
</table>
Inlinestyle tar alltid över det som står i css-filen och i den koden står att border är 0, så det kanske räcker med att du raderar det.
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
table{
border:#000 1px solid;
border-collapse:collapse;
margin-top:15px;
}
td{
background: transparent;
border: #000 1px solid;
border-collapse: collapse;
color: #000;
font: 11px Arial,Helvetica,sans-serif;
text-align: center;
width: 100px;
}
-->
</style>
</head>
<body>
<table><tr><td>Här är en tabell<br>och lite till</td><td>Här har jag något annat</td></tr></table>
</body>
</html>
Den här fungerar i ff.
egentligen är colapsgrejen till för att det inte ska bli dubbla värden där td möts...