Simple navigation menu

[BabbleBoy]

Hi,

I want to build a simple navigation menu with the help of an unordered list. Preliminary result:

HTML:

http://www.ximes.net/mt/test/NavBar02.htm

CSS:

http://www.ximes.net/mt/test/NavBar02.css

The gray bar should continue to the right of the last menu entry - but unfortunately its vertical distance incorrect (i.e. there should be one single gray bar). :-(

Any ideas?

Many thanks in advance,
B/B

 

[jstreich]

remove the border-bottom from the ul (navlist) and create another div with just a non-breaking space after the ul, but inside the first div. Then give that new div the following CSS:

#navSpacer
{
	margin: 0;
	padding: 3px 5px;
	border-bottom: 3px solid #bbb;

}

[plug=shameless]

http://game-master.us/phpx-3.4.0/

[/plug]

 

[jstreich]

Opps, I meant a span, with display: block in the style.

[plug=shameless]

http://game-master.us/phpx-3.4.0/

[/plug]