Greetings,
i'm soooo close to achieving what i want with a webpage i'm designing but there's one tiny problem that's driving me up the wall! And i'm having the hardest time figuring out what i did wrong.
The problem is in the second row of the table. When the mouse is moved over the 3 hyperlinks the cells that they're in do not fill completely with the color blue. Please view my code as a .htm page to see what i am talking about.
Can someone PLEASE shed some light on my situation and what i need to do to correct it?? Thank you for your time,
*Nick*
<!-- master table for entire page -->
<table id="master">
<tr>
<td colspan="6"><img src=http://www.webdeveloper.com/forum/archive/index.php/"pics/banner600x.jpg" /></td>
</tr>
<tr>
<td colspan="2"><a class="nav" href=http://www.webdeveloper.com/forum/archive/index.php/"vpnhelp.htm">vpn help</a></td><td colspan="2"><a class="nav" href="centhelp.htm">centricity help</a></td><td colspan="2"><a class="nav" href="morehelp.htm">more help</a></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<td align="center" colspan="3">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"run:C:\Program Files\Cisco Systems\VPN Client\ipsecdialer.exe">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"pics/cisbw.jpg" width="300" height="120" border="0" alt="Click to connect to MetroHealth VPN" name="cisco" />
</a>
</td>
<td align="center" colspan="3">
<a target="_blank" HREF=http://www.webdeveloper.com/forum/archive/index.php/"http://pacsweb.metropacs.org/ami/html">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"pics/mhplogobw.jpg" width="190" height="80" border="0" alt="Click to connect to MH PACS Web" name="ge" />
</a>
</td>
</tr>
<tr>
<td colspan="6"><iframe src=http://www.webdeveloper.com/forum/archive/index.php/"C:\Third_Party_Apps\MH PACS Web\message.htm" name="iframe" width="600" height="200" align="center" scrolling="yes" marginheight="0" marginwidth="0" frameborder="1"></iframe></td>
</tr>
</table>
<!-- external CSS file for the master table -->
#master {
width: 600px;
border-style: solid;
border-color: #111111;
border-width: 1px;
border-collapse: collapse;
}
#master td {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-style: solid;
border-color: #111111;
border-width: 1px;
}
a.nav {
padding-top: 0px;
padding-right: 45px;
padding-bottom: 0px;
padding-left: 45px;
text-decoration: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-width: 0px;
}
a.nav:link {
color: #ff6600;
background-color: transparent;
}
a.nav:visited {
color: #ff6600;
background-color: transparent;
}
a.nav:active {
color: #ff6600;
background-color: transparent;
}
a.nav:hover {
color: #ff0000;
background-color: #0066ff;
}why not just use CSS completely and get rid of the tables?Thank you for replying. I realize that i could use CSS completely but i guess i'd like to know where i made my error with the current code.
Nick
i'm soooo close to achieving what i want with a webpage i'm designing but there's one tiny problem that's driving me up the wall! And i'm having the hardest time figuring out what i did wrong.
The problem is in the second row of the table. When the mouse is moved over the 3 hyperlinks the cells that they're in do not fill completely with the color blue. Please view my code as a .htm page to see what i am talking about.
Can someone PLEASE shed some light on my situation and what i need to do to correct it?? Thank you for your time,
*Nick*
<!-- master table for entire page -->
<table id="master">
<tr>
<td colspan="6"><img src=http://www.webdeveloper.com/forum/archive/index.php/"pics/banner600x.jpg" /></td>
</tr>
<tr>
<td colspan="2"><a class="nav" href=http://www.webdeveloper.com/forum/archive/index.php/"vpnhelp.htm">vpn help</a></td><td colspan="2"><a class="nav" href="centhelp.htm">centricity help</a></td><td colspan="2"><a class="nav" href="morehelp.htm">more help</a></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<td align="center" colspan="3">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"run:C:\Program Files\Cisco Systems\VPN Client\ipsecdialer.exe">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"pics/cisbw.jpg" width="300" height="120" border="0" alt="Click to connect to MetroHealth VPN" name="cisco" />
</a>
</td>
<td align="center" colspan="3">
<a target="_blank" HREF=http://www.webdeveloper.com/forum/archive/index.php/"http://pacsweb.metropacs.org/ami/html">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"pics/mhplogobw.jpg" width="190" height="80" border="0" alt="Click to connect to MH PACS Web" name="ge" />
</a>
</td>
</tr>
<tr>
<td colspan="6"><iframe src=http://www.webdeveloper.com/forum/archive/index.php/"C:\Third_Party_Apps\MH PACS Web\message.htm" name="iframe" width="600" height="200" align="center" scrolling="yes" marginheight="0" marginwidth="0" frameborder="1"></iframe></td>
</tr>
</table>
<!-- external CSS file for the master table -->
#master {
width: 600px;
border-style: solid;
border-color: #111111;
border-width: 1px;
border-collapse: collapse;
}
#master td {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-style: solid;
border-color: #111111;
border-width: 1px;
}
a.nav {
padding-top: 0px;
padding-right: 45px;
padding-bottom: 0px;
padding-left: 45px;
text-decoration: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-width: 0px;
}
a.nav:link {
color: #ff6600;
background-color: transparent;
}
a.nav:visited {
color: #ff6600;
background-color: transparent;
}
a.nav:active {
color: #ff6600;
background-color: transparent;
}
a.nav:hover {
color: #ff0000;
background-color: #0066ff;
}why not just use CSS completely and get rid of the tables?Thank you for replying. I realize that i could use CSS completely but i guess i'd like to know where i made my error with the current code.
Nick