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&task=view&id=3&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&task=view&id=10&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&task=view&id=14&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&task=view&id=17&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&task=view&id=28&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
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&task=view&id=3&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&task=view&id=10&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&task=view&id=14&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&task=view&id=17&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&task=view&id=28&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