- This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi there,
Im a noob so ill try to keep the stupid stuff at bay :0
I designed a site for a friend of mine, testing each time with Opera, FF and Safari. Up to now no problem. So then I tell him to check it out and my menu items, instead of being all inline are now stepped. Whats the deal with that? Can anyone provide a hack?
Heres the site ( Im hosting it under my own host at the mo ) http://www.vincentnaughton.com
Heres the code i have for the navigation bar
ul#nav {
height: 262px;
margin: auto;
background: url(../Images/header.png);
list-style: none;
float: left;
min-width: 95%;
}
ul#nav li a {
display: inline-block;
position: relative;
float: left;
width: 148px;
margin-top: 188px;
color: white;
font-weight: bold;
text-decoration: none;
margin-left: 16px;
}
ul#nav li a:hover, ul#nav li a:active {
color:#990099;
This was all achieved thanks to chris’s tutorials the "awesome website "
Thanks Chris! But this did not solve all o my problems.
After looking at the code and previous posts on the forum about lists etc you said "….lists automatically put a </br> tag at the end. My list looked like this:
<li><a href……….></li>
<li><a href……….></li>
<li><a href……….></li>
So i changed it to this instead:
<li><a href……….>
<a href……….>
<a href……….></li>
And it works! http://www.vincentnaughton.com
Now just gotta put an ie only css hack in the stylesheet as it is interpreting the margin and the li items width wrong.
Thanks for the help!