PDA

View Full Version : Menu Alignment help?



stfc_boy
Mar 12th, 2010, 06:19 PM
Hello,

I have created a menu, but I can't get it to line-up properly. I want it to start in-line with the red box (So the homepage link starts here), but nomatter the screen resoution it moves all over the place.

Menu is here (http://www.sloughtownfc.net/testing.php)

Also in Firefox I use:


-moz-border-radius: 16px; /* Not for IE*/
-webkit-border-radius: 16px; /* Not for IE*/


To make my menu items round. Any easy way of making this happen in IE?

Can anyone kindly help?

Thanks

Excavator
Mar 12th, 2010, 06:24 PM
Hello stfc_boy,
If you style the ul like the container you are trying to match you might come up with something like this -
#menu {
font: normal 11px verdana, arial, verdana, helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
background:#0066cc;
width:100%;height:35px;
}

#menu ul {
width: 970px;
margin: 0 auto;
overflow:none;
list-style: none;
padding-top:5px;
padding-bottom:1px;
/*margin-left:133px;
position:absolute;*/
}
#menu ul li {
float:left;
/*margin-left:10px;*/
margin: 0 10px 0 0;
}

Excavator
Mar 12th, 2010, 06:26 PM
Also in Firefox I use:


-moz-border-radius: 16px; /* Not for IE*/
-webkit-border-radius: 16px; /* Not for IE*/


To make my menu items round. Any easy way of making this happen in IE?



Afraid not. IE does not support that feature.
If it's important that your buttons look the same in that browser, you'll have to use images.