Click to See Complete Forum and Search --> : joomla menu css mouseover problems


k0r54
07-19-2007, 07:17 AM
Hey,

I am using joomla and am using the extmenu which puts the menu into css but I have a problem. For some reason it changes from computer to computer but the mouse overs done quite work.

HTML CODE

<div class="moduletable_centremenu">
<ul id="menulist_root_centremenu" class="mainlevel_centremenu"><li id="menuitem_1_centremenu"><a href="x/index.php?option=com_content&amp;task=view&amp;id=3&amp;Itemid=52" class="mainlevel_centremenu" id="menulink_1_centremenu">Mortgages</a></li><li id="menuitem_2_centremenu"><a href="x/index.php?option=com_content&amp;task=view&amp;id=10&amp;Itemid=53" class="mainlevel_centremenu" id="menulink_2_centremenu">Life Assurance</a></li><li id="menuitem_3_centremenu"><a href="x/index.php?option=com_content&amp;task=view&amp;id=14&amp;Itemid=54" class="mainlevel_centremenu" id="menulink_3_centremenu">General Insurance</a></li><li id="menuitem_4_centremenu"><a href="x/index.php?option=com_content&amp;task=view&amp;id=17&amp;Itemid=55" class="mainlevel_centremenu" id="menulink_4_centremenu">Investments</a></li><li id="menuitem_5_centremenu"><a href="x/index.php?option=com_content&amp;task=view&amp;id=28&amp;Itemid=56" class="mainlevel_centremenu" id="menulink_5_centremenu">Pensions</a></li></ul> </div>


CSS CODE

.moduletable_centremenu {
width:780px;
position:absolute;
z-index:3;
margin:115px 0 0 85px;
}

.mainlevel_centremenu ul {
float:left;
padding:0 10px 0 95px;
}

.mainlevel_centremenu li {
display:inline;
list-style:none;
}

.mainlevel_centremenu li a, .mainlevel_centremenu li a:visited {
display:block;
float:left;
padding:2px 5px 2px 30px;
color:#FFFFFF;
text-decoration:none;
font-size:130%;
font-weight:bold;
}

.mainlevel_centremenu a:hover {
color:#FFFF99;
}


Investments and pensions works ok but the first three dont. I have stripped the code so its only this.

Thanks
k0r54

k0r54
07-20-2007, 07:02 AM
Ok fixed it, on the a:hover for mainlevel_centremenu i had to put .mainlevel_centremenu li a:hover.

Just so you know without the li the hover is very odd because it will sometimes work and sometimes not.