By Anonymous (not verified) on

I've set up the primary links to show in the navigation bar on the following site.

www.cocomeurer.de

Is it possible to spread apart the single menu items with CSS?

Also, centering the entire navigation bar seems only possible when the width is not 100%. How do I set the width to exactly the width it needs to have? Is there a "auto" setting (I don't want to count the pixels)? My navigation bar has a 100% width by default.

Also, changing, for example the margin of the "navigation" class, includes the navigation menu in the sidebar. How do I select only the navigation bar at the top?

Thanks.

⋅ Categories: Drupal 6.x

Comments

darrylmabini’s picture

darrylmabini commented

try:

margin: auto;

or

margin-left: auto;
margin-right: auto;

you can use padding to spread apart the single menu items.
example:

.your-menu-item {
padding: 0 5px;
}

pbarnett’s picture

pbarnett commented

Primary link styles are currently defined by

#navigation li {
    float: left;
    padding: 0 10px 0 0;
}

Try adding the above to your main stylesheet and increasing the 10px padding...