Hi, after hacking all the old posts, I've been trying to get a horizontal navigation bar working...for some reason it is appearing as vertical.
The basic table and all the links are working, but it's seems like it is not recognizing my CSS style changes. Can anyone spot a reason why it might not be working? PS(I'm a novice at this, so it could be something really simple..lol) Here is the opening code for my table and the CSS code I entered:
<table class="center" width="900" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="MENU">
<ul>
<li>
<a href="http://www.zazzle.com/iiphotoart/gifts?cg=196649538546570928">ACCESSORIES</a>
etc, etc.
/* HORIZONTAL NAV BAR STYLE */
#menu{
padding:0;
margin:10px;
width: 100%;
background-color: #939a8b;
border-bottom: 1px solid #fff;
height:31px;
border-width:medium;
border-color:#000000;
border-style: double;
}
#menu ul{
padding:0;
width: 777px;
margin: 0 auto;
}
#menu li{
position: relative;
float:left;
list-style: none;
margin-left: 25px;
padding:0;
background-color: #939a8b;
font-size:14px;
font-weight:bold;
text-align:center;
}
#menu li a{
font-weight: bold;
display: block;
text-decoration:none;
text-align: center;
color: #efede8;
padding: 8px 12px;
border-right: 0px solid #fff;
line-height: 15px;
}
#menu li a:hover{
background-color: #d8caa6;
color: #474C60;
}
#menu ul ul{
position: absolute;
top: 30px;
visibility: hidden;
z-index: 1000;
}
#menu ul ul li, #menu ul ul li a {
clear:both;
width:25%;
text-align:left;
margin:0px;
padding:2px;
}
#menu ul li:hover ul{
visibility:visible;
z-index: 1000;
}