horizonal sub menu

tried for last 3 days to get horizontal sub menus to work following info in forum i could find, without sucess.

have attached newly crated menu from menuwriter as the file ive been working with have been changed so much with sections commented out whhich may be the problem

f someone who as gt ths to work either update the attached or supply sanple code i would be grateful


WA why does menuwriter givr this option

you need to convert the sublevel to use 1 LI tag, and have each link in the 1 li, add a width to the sublevel LI tag, and float the links to the left. for example:

<ul class="level-1">
<li><a href="#">Sub Item 1</a></li>
<li><a href="#">Sub Item 2</a></li>
<li><a href="#">Sub Item 3</a></li>
</ul>

to:

<ul class="level-1">
<li style="width:315px;"><a href="#" style="float:left;">Sub Item 1</a>
<a href="#" style="float:left;">Sub Item 2</a>
<a href="#" style="float:left;">Sub Item 3</a></li>
</ul>

whe i dothis allmember of submenu act as one

am i somtim wrong

like the submenu behave the same a parent

try this then:

<ul class="level-1" style="width:350px;">

<li><a href="#" style="float:left;">Sub Item 1</a></li>

<li><a href="#" style="float:left;">Sub Item 2</a></li>

<li><a href="#" style="float:left;">Sub Item 3</a></li>

</ul>

</li>

98% there

if you hver overmenu, thenn sb menu ...sub iem1 stayshighlighted alll the time untill you click on menu then i works as it should

send a link please

ALL aapears to work now, what i did notic in menu.css gnerated by menuwrite had two identical sets of coe at end , not sure if copied/repeade when 'my shakes' were active,



ul#cssmw ul.level-1 > li:hover > a, ul#cssmw ul.level-1 > li:hover > a:link {
background-color: #E0AA81;
color: #173232;
font-weight: bold;
text-decoration: none;
outline-style: none;
}
/*
ul#cssmw ul.level-1 > li.hover > a, ul#cssmw ul.level-1 > li.hover > a:link {
background-color: #E0AA81;
color: #173232;
font-weight: bold;
text-decoration: none;
outline-style: none;
}


ul#cssmw ul.level-1 > li:hover > a, ul#cssmw ul.level-1 > li:hover > a:link {
background-color: #E0AA81;
color: #173232;
font-weight: bold;
text-decoration: none;
outline-style: none;
}
/*
ul#cssmw ul.level-1 > li.hover > a, ul#cssmw ul.level-1 > li.hover > a:link {
background-color: #E0AA81;
color: #173232;
font-weight: bold;
text-decoration: none;
outline-style: none;
}

thishad affect , files zipped, attached for evidence

forgot file