WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: styrbaek on June 16, 2008, 07:43:17 AM

Title: All css2 centrered
Post by: styrbaek on June 16, 2008, 07:43:17 AM
Does anyone know if it is possible to center the all css2 menu.
I have tried everything (it think), but I can only get the menu to begin at the center.
Title: Re: All css2 centrered
Post by: hrioo on June 16, 2008, 10:42:01 AM
You have to specify a width for your <div> and apply left & right auto margins.

In your screen.css change the #navContainer to:

#navContainer {
width:748px;
clear:both;
background-color:#666;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom: 1px solid #000;
}

and change your #nav & #nav ul like so:

#nav {
width:480px;
margin: 0 auto;
height: 1.68em;
background: #666;
}
#nav ul {
list-style-type: none;
font-size: 81%;
text-transform: uppercase;
}

You will probably have to adjust width:480px; to approximate width of your menu.
Title: Re: All css2 centrered
Post by: styrbaek on June 16, 2008, 11:14:54 AM
Thanks a lot.
But is it possible to do this without setting at specifig width of #nav. Else I have to change my css everytime I ad a new menuitem  :-(
Title: Re: All css2 centrered
Post by: hrioo on June 16, 2008, 12:31:13 PM
This might be what you're looking for :

http://www.tyssendesign.com.au/examples/centred-suckerfish2.html 
Title: Re: All css2 centrered
Post by: styrbaek on June 17, 2008, 08:00:10 AM
YES!!!! That was just what I was looking for, nice and simple.
I used the examble with tables istead of inline and it works perfektly.

Thanks
Title: Re: All css2 centrered
Post by: hrioo on June 17, 2008, 08:39:53 AM
You're welcome. Using tables is a lot easier sometimes but probably not as much fun!