Novahq.net Forum - View Single Post

BeBop · #1 01-22-2005, 06:57 PM

CSS Code:

Code:

.nvg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1F4A79;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
}
.nvg:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1F4A79;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #AAAAAA;
}

This is the HTML code that I want (when moused-over) the bg of the cell to change... but its not... and I cant figure out why...

Code:

<table width="95%"  border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td class="nvg"><strong>&raquo;</strong> <a href="#">Home</a></td>
          </tr>
          <tr>
            <td class="nvg"><strong>&raquo;</strong> <a href="#">Home</a></td>
          </tr>
        </table>

FIXED:

The document I was originally working with was outputted from Photoshop and was missing this at the top of the page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> etc....