I can not seem to get my site map | contact | FAQ buttons lined up correctly. i am just using a class Id and links. I do not understand why the links get moved to a line below...
Any critique on this and the site would be helpful.
http://www.whatsnewonline.com/caribbeanorganics.htm
thanks,
zak
CSS code for links:
.g {
font-size: 10px;
color: #006600;
text-decoration: none;
font-weight: 600;
background-color: #CCCC99;
}
.g a {
font-size: 10px;
color: #006600;
text-decoration: none;
font-weight: 600;
background-color: #CCCC99;
}
.g a:visited {
font-size: 10px;
text-decoration: none;
color: #006600;
background-color: #CCCC99;
}
.g a:hover {
font-size: 10px;
color: #006600;
text-decoration: underline;
background-color: #CCCC99;
}
.g a:active {
text-decoration: none;
background-color: #CCCC99;
}
HTML
<td align="right" bgcolor="#CCCC99" width="20%"><div class="g"><a href="/contact.htm">Contact</a> |
<a href="/Site Map.htm">Site Map</a> |
<a href="/faq.htm">FAQ</a> </div> </td>