My problem - the first cell of my table is adapting the .nav class rather than .menu class that I am assigning it. How can I fix it?
My code starts out as the following...
<link href="../basicstyle.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {color: #CCCC99}
-->
</style>
</head>
<body>
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" class="menu">
<a href="01.html">home </a>
<a href="bio.html">bio</a>
<a href="resume.html">resume</a>
<a href="thumbnails.html">thumbnails</a>
<p></td>
</tr>
my stylesheet...
body {background-color:#454A0D}
a {text-decoration:none;}
a:link{color:#241B02}
a:visited{color:#241B02}
a:hover{color: #FFFBDB;text-decoration:none;
}
a:active {color:#454A0D}
.menu
a {text-decoration:none;}
a:link{color:#FFFBDB}
a:visited{color:#FFFBDB}
a:hover{color: #241B02;text-decoration:none;
}
a:active {color:#FFFBDB}
.caption {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color:#241B02}
.credit{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:italic;
text-transform:none;
font-weight:normal;
color:#241B02
}
.nav
a {text-decoration:none;}
a:link{color:#454A0D}
a:visited{color:#454A0D}
a:hover{color: #241B02}
a:active {color:#241B02}