CSS menu: hover highlighting

[dbrb2]

Hi,

I suspect this is very basic. I'm a bit of a dinasour, only now moving from frames. I've been playing with a CSS menu system I've put together at:

http://www.bbarker.co.uk/test/page1.php

I'm having difficulty with the position of the text and the area that is highlighted when the mouse is over the link. Ideally I'dd like the highlighted bar to cover the entire width of the blue pane, but this only seems to be possible if the text starts from the extreme left of the screen, with no indent... Can anyone help? My stylesheet is given on the page above.

Cheers,

Ben

 

[Vragabond]

You should use padding to ensure the text is flushed all the way to the left edge (so padding-left should be a considerable number) and at the same time make sure the a element extends across the whole blue area. Because it is the anchor element's background that changes, which produces the effect of highlighting. And as long as you know how box model works, you will have no problems.

 

[dbrb2]

Hi,

Putting in a large value for padding-left for the navbar:ul class only seems to push the text over to the right...