Forums

how to "float center" navigation?

Permalink
hi,
Im a css newbie and i would like to know is there any way to float center? what im trying to do here is modify 'dark chocolate theme' and make the navigation bar centered (see attached pic for reference).
Thanks again for helping me :)

1 Attachment

yopidjau
 
Steevb replied on at Permalink Reply
Steevb
Hi,

Depends on how your designing your nav?

Example:
ul.nav-header{ list-style:none; margin:0 auto; padding:0; width:auto;}


might work?

Steev
yopidjau replied on at Permalink Reply
yopidjau
my current dark cocholate css looks like this:
#page #header ul.nav-header{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; }
#page #header ul.nav-header li{float:left; padding:2px 0px; margin-left:16px; margin-bottom: 0px; color:#999; font-size:16px; margin-top:0px }

( i just paste all the line since im not sure what portion should i post here)

I've tried your code but it make my navigation to the left, not in the center as what i want, any thought? thanks
Steevb replied on at Permalink Reply
Steevb
Try:

#page #header ul.nav-header{ list-style:none; margin:0 auto; padding:0px; width:800px; z-index:2; overflow:visible; }
yopidjau replied on at Permalink Reply
yopidjau
still no luck :(
maybe its better for you to see my site, itshttp://hayandpines.com

and by the way 55webdesign, I really appreciate your help, your response is really fast :D
Steevb replied on at Permalink Reply
Steevb
Your missing the div id.


Default.php:
<div id="headerNav">
         <?php 
         $a = new Area('Header Nav');
         $a->display($c);
         ?>
      </div>