I'm having trouble getting the primary and secondary links to appear on the same line horizontally. I have each of them displaying horizontally but the secondary links still display below the primary links.

Any way to get them to appear side by side via css?

The URL in question is http://projectvibe.net/home

Comments

coreyp_1’s picture

try adding this to your CSS:

#block-menu-secondary-links {
  display: inline;
}

-Corey

erdubya’s picture

Thanks Corey, unfortunately it didn't work... The links in the menu are already displayed horizontally, I just need the secondary menu displayed next to the primary menu.

coreyp_1’s picture

Bah... it's hard to test stuff from the outside. That should have been #block-menu-primary-links

-Corey

erdubya’s picture

That's it! Thanks Corey. Oh btw, you can edit any webpage on the fly with the firefox firebug and Web Developer Toolbar extensions.

ntvtxn’s picture

I tried this, but it didn't work. The secondary links still show up as a bulleted list. I want them to be horizontal beneath the main links. I played with the CSS using the Web Developer Toolbar, but nothing works. The CSS is a mess. Ideally, I'd like the secondary links to look like the main one except use a gray background instead of blue.

Right now, it shows up like this:

Secondary Links (header "title)
* item one
* item two

Thanks for any help for a drupal newbie.

ntvtxn’s picture

I found a solution. I added the style to the CSS file and saved it. Yet, the css file keeps showing the old code -- it is not adding the new code. I have reloaded and turned off cache... old css appears without the new additions.

Is Drupal doing something?