Rollover Problems (CSS + DIVS)

[L?KE]

Make the background of the nav just that image all the way across.

Then a normal link will have no background assigned to it, but on hover shows another background, therefore only highlighting that one link.

[Meti]

I don't understand. Can you give me code? Or is it something like.

nav a {
background-image: url(images/image.png);
width: 100%;
height: 44px;
}
nav a:hover {
background-image: url(images/image_hover.png);
width: somepx;
height: 44px;
}

<div class="nav">
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>

[L?KE]

I mean like this:

#nav {
width: 100%;
height: duno px;
margin: duno;
padding: duno;
background: url("folder/yourimage.ext") repeat-x;
}

#nav a {
height: /* same as nav bar */
margin: duno;
padding: duno;
/* no background */
}

#nav a:hover {
height: /* same as nav bar */
margin: duno;
padding: duno;
background: url("folder/yourimage.ext") repeat-x;
}

If that makes sense? Cos it only changes the background of each link upon hover.

[Meti]

Thanks. I'm on my laptop right now, so I'll try that when I'm on my PC

[Meti]

I mean like this:

#nav {
width: 100%;
height: duno px;
margin: duno;
padding: duno;
background: url("folder/yourimage.ext") repeat-x;
}
 
#nav a {
height: /* same as nav bar */
margin: duno;
padding: duno;
/* no background */
}
 
#nav a:hover {
height: /* same as nav bar */
margin: duno;
padding: duno;
background: url("folder/yourimage.ext") repeat-x;
}

If that makes sense? Cos it only changes the background of each link upon hover.

That works
I love you
Not rly. but thanks
Gahh. How do i make like 6 spaces between every link?
I can't press the space button on DW :S

And, how to I make the links white? :S They're blue

[Coldplay]

Try a_color=

in CSS.

[Meti]

Already fixed it
How do i remove the Underline of links now?
And when i press the link, a border of dots comes around it. How do i remove that?

EDIT:
Fixed everything except from the dot border.

[Coldplay]

Border-style; None?

If not, then your code is goosed, and you need to look for what's causing the prob.

[L?KE]

Yeah coldplay's got it.

Also if you haven't solved the 6 spaces, either do

6x "&nbsp;" (silly way)
or do:

a {
/* whatever you other code is here */
margin-right: 10px;
}

Obviously, 10px can be anything.

[Meti]

thanks again