ok can some on help me get rid of this reli anoying lil line in my nav :(

[bruno89]

ok on my site on the right hand side of my nav there is a random line that i wana get rid of.. take a look its like 2 px in from the right anyone got any ideas on how to loose it ??

oh and befor u say it puting a span with border 0 around it has been tryed lol

-dave

[pa007]

Not sure but try removing the border-right from this bit of css:

Code: Select all

#nav ul {
float: left;
text-align: center;
padding: 0;
margin: 0;	
border-right: 1px solid #FFF;
}

This might work.

Pete.

[bruno89]

only thing with that is that then i have no lines in my nav at all lol :\

[pa007]

Hmm... It's odd. I don't do my navs like this so I'm not sure what bit is doing what. It looks kinda like a few things are doing the same thing but try this instead. Remove the right border from this bit:

Code: Select all

#nav {
text-align:center;
border: solid #FFF;
border-width:0 0 1px 0;
background-color:#D8D9DB;
}

That might work.

Pete.

[Lchad]

It looks like it's just the right side of the last button. Set a width of 600px on the nav and see if that moves it over to the edge.

[pa007]

Just relalised that's the bottom border isn't it. For some reason I thought it was the right. Oops.

Pete.

[Marc]

Make a different class for the end one, so that it doesnt have the border-right.

[fuzzee]

add width:600px to the nav <ul>. that'll do it!

[bruno89]

ok lchad and fuzzee you to are so bloomin smart ! even a css guru like ***** didn't know that one :o and no it isnt ryan by the way

[Lchad]

I'm still quite green at debugging navigation. Some of them I can do some I can't. I guess we got lucky this time.

[bruno89]

lol go you !!