I did use a method by one of the posters on here but it was found via a search and two years old. I can get it to work in IE of all browsers but NOT in FF, Chrome or Safari. I will post all the relevant code.
CSS code ul#nav
{
list-style: none;
font-family: Arial, Helvetica, sans-serif;
margin: 15px 0 0 0;
padding: 0;
}
#nav a:link, #nav a:visited {
display: block;
width: 180px;
height: 27px;
padding: 6px 3px 6px 1.5em;
color: #03C;
text-decoration: none;
font-size: 80%;
border-bottom: 1px solid #ebebeb;
}
#nav a:hover {
text-decoration: underline;
}
#binc a#inc,
#bici a#ici,
#bout a#out,
#bnh a#nh,
#bch a#ch,
#bph a#ph,
{
color:#f00;
font-weight: normal;
font-style: italic;
}
HTML Code: <body id="binc">
(this is an include)
<li><a href="it_infrastructure.php" id="inc">INTERNAL NETWORK CONNECTIVITY</a></li>
<li><a href="internet_connectivity.php" id="ici">INTERNET CONNECTIVITY - INSIDE THE OFFICE</a></li>
<li><a href="internet_connectivity_outside.php" id="out">INTERNET CONNECTIVITY - OUTSIDE THE OFFICE </a></li>
<li><a href="network_hardware.php" id="nh">NETWORK HARDWARE</a></li>
<li><a href="computer_hardware.php" id="ch">COMPUTER HARDWARE</a></li>
<li><a href="peripheral_hardware.php" id="ph">PERIPHERAL HARDWARE</a></li>
I know that each body tag must correspond to the id tag in the link. Could it be that having the navigation as an include messes this whole thing up in 3 out of the 4 browsers I tested it in? Any help is very much appreciated. Happy Holidays to everyone!;)
