Horiz List navigation background 1

[dmacster]

I've been lookin at this too long. I can't seem to get my background image for the nav area to extend fully vertically.

See test here:

http://titanpubs.com/tptest/index4.html

And css is here

http://titanpubs.com/tptest/titan4.css

All help appreciated.

Thanks,
Donna

 

[mkrausnick]

I tried a couple of things (probably that you also tried) that didn't work, but look at this alternate method of using a background color instead of an image:

http://css.maxdesign.com.au/listamatic/horizontal03.htm

Maybe that would eliminate the problem.

Mike Krausnick
Dublin, California

 

[kaht]

make the following change to your css:

#navMain {
	width: 100%;
	height: [!]23px[/!];
	vertical-align: middle;
	background-color: #6d794a;
}

-kaht

[small] <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <.</B>[/small]
[small](He's back)[/small]

 

[Vragabond]

As an alternative to making height smaller on the line, you could make anchors bigger by using line-height (30px). That will also make your text appear in the vertical center of the bar.

 

[dmacster]

Ooh - all good suggestions, but Vrag's looks neatest. I'll know when I get back to work Monday morning and try. And the vertical center part also an issue. Will let you all know then (if not sooner) and go for stars then.

Thanks,
Donna

 

[dmacster]

Yes! Thanks, Vragabond - exactly what I needed.

Donna