asked on

Turning bulleted text into hortizonal nav

Hi
Please look at this test page:

http://www.24hourrentacar.net/navigatoin-test-sept-2011

You will see two "navigation bars". The top one and the bottom one. I am trying to get the bottom navigation to look more like the top one -- that is, remove the bullets and make the text horizontal instead of vertical. Below is the controlling css for the bottom nav.

Looking forward to your suggestions / solutions.

Thanks

Rowby

#header	{	background:url(http://reservations.24hourrentacar.net///template/images/24-hour-top-nav-03.png) no-repeat; height:79px; }
	.nav_wrapper	{	float:right; width:600px; padding-top:35px; background:none;}
	.nav_wrapper a:hover	{	background:url(http://reservations.24hourrentacar.net///template/images/hover-01b.png) repeat-x;}
	#primary_nav li	{	}
	#primary_nav li a {		color:#000000; padding:9px 8px 4px; font-family:Helvetica,Arial,sans-serif; font-size:12px; font-weight:normal;}
	#container		{	width:990px; margin:0px; border:none;		}
	#primary_nav li a:hover	{	text-decoration:none;	}
	#footer	{	width:990px; margin:0;	}
	#bottom_nav 	{	width:990px; margin:0;	}

#primary_nav .nav_wrapper {
    position: relative;
    top: 15px;
}
.nav_wrapper {
    background: none repeat scroll 0 0 transparent;
    float: right;
    padding-top: 35px;
    width: 600px;
    }
    #primary_nav .nav_wrapper {
    position: relative;
    top: 15px;
}
.nav_wrapper {
    background: none repeat scroll 0 0 transparent;
    float: right;
    padding-top: 35px;
    width: 600px;
}

Open in new window

ASKER CERTIFIED SOLUTION

LZ1

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Rowby Goren

ASKER

Bravo, LZ1

That fixed it perfectly.

Thanks,

Rowby