i am trying to make my menu horizontal but can't figure out where in .css I need to change to get it work. any help is appriciated
you can see my working version in vertical at http://www.theufhl.com
/* Style for Dynamic THS Menu */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 125px; /*For KHTML*/
list-style: none;
}
ul#navmenu:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu li {
float: left; /*For IE 7 lack of compliance*/
display: block !important; /*For GOOD browsers*/
display: inline; /*For IE*/
position: relative;
}
/* Root Menu */
ul#navmenu a {
border: 1px solid #000;
border-right-color: #359;
border-top-color: #fff;
padding: 0 6px;
display: block;
background: #BD2414;
color: #FFF;
font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu No Link*/
ul#navmenu li.nolink {
border: 1px solid #FFF;
border-right-color: #359;
border-bottom-color: #EEE;
padding: 0 6px;
display: block;
background: #EEE;
color: #666;
font: 3px/4px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
width: 136px;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu Current*/
ul#navmenu li.current,
ul#navmenu li.current a {
border-right-color: #FFF;
border-bottom-color: #359;
border-top-color: #FFF;
background: #FFF;
color: #444;
}
/* Root Menu Current*/
ul#navmenu li.nolink_current {
border: 1px solid #FFF;
border-right-color: #CCC;
border-bottom-color: #CCC;
padding: 0 6px;
display: block;
background: #00B;
color: #FFF;
font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
width: 136px;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu Contact*/
ul#navmenu li.contact {
border: 1px solid #FFF;
border-right-color: #359;
border-left-color: #EEE;
border-bottom-color: #EEE;
padding: 0 6px;
display: block;
background: #EEE;
color: #444;
font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
width: 136px;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.nolink_current:hover,
ul#navmenu li.iehover a {
background: #CCC;
color: #444;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
background: #359;
color: #FFF;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #CCC;
color: #444;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background: #359;
color: #FFF;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #CCC;
color: #444;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #359;
color: #FFF;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}
ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 150px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}
/* End Style for Dynamic THS Menu */
Here is the code for the menu its self
//HOME
$sitemenu .= '<a href="/">HOME</a></li>';
//LOGIN
if($opt == "forum"){
$sitemenu .= '<li class="current">';
} else {
$sitemenu .= '<li>';
}
$sitemenu .= '<a href="/forum">FORUMS</a></li>';
//STANDINGS
if($opt == "schedule"){
$sitemenu .= '<li class="current">';
} else {
$sitemenu .= '<li>';
}
$sitemenu .= '<a href="?opt=schedule&sid='.$sid.'">STANDINGS</a>
</li>';
//SCHEDULES
if($sid == $sid_test) {
if($opt == "schedule2"){
$sitemenu .= '<li class="current">';
} else {
$sitemenu .= '<li>';
}
$sitemenu .= '<a href="?opt=schedule2&sid='.$sid.'">SCHEDULE</a>
</li>';
}
//STATISTICS
if($opt == "divlead"){
$sitemenu .= '<li class="current">';
} else {
$sitemenu .= '<li>';
}
$sitemenu .= '<a>STATISTICS</a>
<ul>';
$sitemenu .= '<li><a href="?opt=leaguelead&sid='.$sid.'">PLAYER</a></li>';
$sitemenu .= '<li><a href="?opt=goaliestats&sid='.$sid.'">GOALIE</a></li>';
$sitemenu .= '</ul>
</li>';
//TEAMS
if($sid == $sid_test) {
if($opt == "viewteam" || $opt == "teamlist"){
$sitemenu .= '<li class="current">';
} else {
$sitemenu .= '<li>';
}
$sitemenu .= '<a>TEAMS</a>
<ul>';
$counter_divisions = 0;
while($counter_divisions < $total_rows_divisions) {
$thisdiv = mysql_result($result_divisions,$counter_divisions,"name");
$thisdivid = mysql_result($result_divisions,$counter_divisions,"id");
$sitemenu .= '
<li> <a><!--%cc_division%--> '.$thisdiv.' </a>
';
//select teams for current divisions
$result_teams = mysql_query("SELECT * FROM teams WHERE division = '$thisdivid' AND name != 'admin' AND name != 'divadmin' ORDER BY name");
$counter_teams = 0;
$total_rows_teams = mysql_numrows($result_teams);
if($total_rows_teams > 0) {
$sitemenu .= '<ul>
';
while($counter_teams < $total_rows_teams) {
$thisteam = mysql_result($result_teams,$counter_teams,"name");
$thisteamid = mysql_result($result_teams,$counter_teams,"id");
$sitemenu .= '<li><a href="index.php?opt=viewteam&sid='.$sid.'&id='.$thisteamid.'&divid='.$thisdivid.'">'.$thisteam.'</a></li>
';
$counter_teams++;
}
$sitemenu .= '</ul>
';
}
$counter_divisions++;
$sitemenu .= '</li>
';
}
$sitemenu .= '</li></ul>
</li>';
}
//PLAYERS
if($opt == "players"){
$sitemenu .= '<li class="current">';
} else {
$sitemenu .= '<li>';
}
$sitemenu .= '<a>PLAYERS</a>
<ul>';
$sitemenu .= '<li><a href="ufhl/players/">SEARCH PLAYERS</a></li>';
$sitemenu .= '<li><a href="?opt=viewteam13">INJURIES</a></li>';
$sitemenu .= '<li><a href="?opt=viewteam4">FREE AGENTS</a></li>';
$sitemenu .= '<li><a href="" onclick="open_win()">FREE SIGN UP</a></li>';
$sitemenu .= '</ul>
</li>';
//PLAYERS
if($opt == "league"){
$sitemenu .= '<li class="current">';
} else {
$sitemenu .= '<li>';
}
$sitemenu .= '<a>LEAGUE</a>
<ul>';
$sitemenu .= '<li><a href="?opt=viewteam30">PLAYOFFS</a></li>';
$sitemenu .= '<li><a href="?opt=viewteam15">ENTRY DRAFT</a></li>';
$sitemenu .= '<li><a>AWARDS</a></li>';
$sitemenu .= '<li><a href="?opt=viewpage&type=html&id=0001">RULES</a></li>';
$sitemenu .= '</ul>
</li>';
thanks
