NonSumPisces |
07-06-2004 07:27 PM |
Limited CSS support in firefox?
Code:
body { background-color: black }
table.first {
border-style: solid;
border-width: thin medium medium thin;
border-color: #3b34c1
}
p {
color: white;
font-size: 18pt
}
a:link {color: #000000;
text-decoration: none} /* unvisited link */
a:visited {color: #000000;
text-decoration: none} /* visited link */
a:hover {color: #FF00FF;
text-decoration: none} /* mouse over link */
a:active {color: #000000;
text-decoration: none} /* selected link */
This is part of a css file I wrote, and I can't find anything wrong in it, nor in the xhtml file it's supposed to control. Both are w3c validated even, with no errors. The problem is that firefox WON'T format the xhtml file according to this css, it just uses the default colors and and borders. Here's a small snap of the xhtml file:
Code:
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" title="style" />
<title>The gentle lion...</title>
</head>
<body>
<table>
<tr>
<td><p>Please make your selection below...</p></td>
</tr>
<tr>
<td><a href="lionpoem.html">Once upon a time, there was ...</a></td>
</tr>
</table>
</body>
</html>
Can any of you guys/girls see if there is something fucked up in the above code? I can't. If it's me making mistakes, then okay, but if not, I think it's pretty weak of Firefox not to support it.
|