[Solved] Step-down Nav Bar Buttons

[briscoe87]

I’m a complete beginner when it comes to coding & so watched the video tutorial on how to code a psd design. I found this very helpful.
I have a problem which i have no idea how to solve.
According to some people when they view my page, the nav bar buttons appear stepped down, but other people tell me it all looks fine and straight, as it does on my laptop; which leaves me baffled :|

The website is; http://www.mce-clothing.com
And here is the CSS for the #nav bit.

ul#nav {
height: 170px; width: 1280px;
margin: 0 auto;
background: url(../images/head2.jpg) no-repeat;
list-style: none;
padding-left: 420px;
}
ul#nav li a {
display: inline;
height: 33px;
text-indent: -9999px;
float: left;
margin-top: 120px;
}

If anybody could shed some advice i’d greatly appreciate it!

[blue642]

Code:

ul#nav li { display: inline; }

I’m pretty sure thatll fix it.

[briscoe87]

Unfortunately this hasnt resolved the issue. Should i be removing/replacing any of the coding?

[briscoe87]

Your right i hadnt! I thought i had reuploaded the css to the ftp!
I have done now, although no way to check.
Could you tell me if that has made a difference please?

[briscoe87]

Great, thanks!
Oh dear, i also thought this was done :| You’ll have to excuse the errors this is my first attempt.

What code would i now need to change to centre the page?

[briscoe87]

Ok, i believe i have resolved both issues, thanks for your help!

[Author]

Posts