View Full Version : Help with CSS Navigation


tabs
04-07-2006, 04:05 AM
Hey guys, I need my NAV to be horizontal, then after each block, to have a 1px border, Im having problem with my coding, hope you guys can help me. Thanks.

NOTE: I followed this from a tutorial but it has the NAV on vertical, hope you guys can help me to line it up horizontally and have a 1 px spacing in between blocks. Thanks.

http://www.pcaopen.org/test/index.html

Scriptmaster
04-07-2006, 10:26 AM
Hi, you need to change the ul { width to auto to have it horizontal:

width:auto;

that should fix that,

then add this to your css:

li {
border-right:#000000 thin solid;
}

change what you will to suit what colours etc... you want.

tabs
04-07-2006, 11:00 AM
Hi, Sorry but that didnt work. What happened is that the navigation block went full screen in length.

Arwen
04-07-2006, 02:59 PM
I found a good tutorial here (http://www.thepwa.net/design/parker-cssmenu.php). Hope it helps! :)

Scriptmaster
04-07-2006, 03:05 PM
Oh, try just increasing the width in pixels then. Fiddling usually works.

tabs
04-08-2006, 02:11 AM
@Arwen

Thanks, that would defintely work.

@Scriptmaster

Sorry, still new with CSS, i did fiddle with it, but its really hard...thanks anyways.