...

View Full Version : I cant get my ul to display horizonatlly



johnish
11-01-2008, 12:27 PM
hey guys, i have my navbar
and for some reason the ul wont display properly.

i have this...

HTML


<div id="header">
<ul id="nav_ul">
<li><a class="home" href="Home">&nbsp;</a></li>
<li><a class="blog" href="blog">&nbsp;</a></li>
<li><a class="work" href="work">&nbsp;</a></li>
</ul>
</div>


CSS


#nav_ul{
list-style-type:none;
display:inline;
float:right;
margin-top:34px;
}


please help =)

Samhain13
11-01-2008, 12:34 PM
This should get you started:

1. remove "display: inline" from #nav_ul.
2. add this to your CSS:


#nav_ul li { display : inline ; }

johnish
11-01-2008, 12:43 PM
no change =(

gnomeontherun
11-01-2008, 01:03 PM
#nav_ul li {
float:left; /* or right */
}

Add this to your CSS. The float:right in your #nav_ul refers to the <ul> itself, not the <li> inside of it.

johnish
11-01-2008, 01:05 PM
perfect, thankyou so much both of you



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum