No replies
thomasp67
Offline
newbie
Last seen: 12 years 28 weeks ago
Joined: 2009-05-20
Posts: 1
Points: 0

Hi,

just wandering if anyone can propose a solution to this:-

Check out this menu system http://www.madtim67.co.uk/

When you rollover the top menu, the sub menus are positioned on the left hand side of the page, is there a way that I can have the sub-menus centered?

Heres my code:-

body {
font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana, Sans-serif;
text-align:center;
}

div.menu_box{
text-align:left;
width:760px;
margin:0 auto;
}

/* for IE5.5 and IE6 only */
div.nav table {
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

div.nav .select, div.nav .current {
margin:0 auto;
padding:0;
}

div.nav li {
display:inline;
}

div.nav .select a, div.nav .current a {
float:left;
padding:0 20px 0 10px;
text-decoration:none;
font-size:34px;
line-height:20px;
color:#3d5814;
}

div.nav .select li:hover a {
color:#3d5814;
}

div.nav .sub {
display:none;
}

div.nav .select li:hover .sub li a:hover {
color:#3d5814;
}

div.nav .select li:hover .sub {
display:block;
position:absolute;
top:30px;
left:30px;
}

div.nav .select li:hover .sub li a {
display:block;
padding:10px 10px 10px 10px;
color:#3d5814;
font-size:18px;
}