[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 275
  • Last Modified:

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

0
Rowby Goren
Asked:
Rowby Goren
1 Solution
 
LZ1Commented:
For your #primary_nav li

Just add this:
{
    float: left;
    list-style: none outside none;
}
0
 
Rowby GorenAuthor Commented:
Bravo, LZ1

That fixed it perfectly.

Thanks,

Rowby
0

Featured Post

Learn to develop an Android App

Want to increase your earning potential in 2018? Pad your resume with app building experience. Learn how with this hands-on course.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now