By noraa on

I have managed to port a theme into drupal following the tutorial over at dudertown.com. However, my primary links are appearing vertically, and I want them to appear horizontally like the tabs on this site. They are appearing on the left like I want and the tabs look just fine. The tabs are just appearing one below the other. If this has been addressed somewhere else, please direct me to it because I have been all around looking for a solution. I'm assuming it's easy since I've seen people asking how to replace the vertical delimiter, i.e. first primary | second primary | third primary. I'm hoping maybe there's just an option I've missed somewhere.

Thanks for any help in advance. Drupal is quite a pleasure to work with.

⋅ Categories: Drupal 4.7.x

Comments

syawillim’s picture

syawillim commented

You need to do this via css to have list items display inline.

There is some good information at - http://css.maxdesign.com.au/listutorial/index.htm

www.drupalbasics.com | www.slickfish.com.au

noraa’s picture

noraa commented

Thanks for the quick reply. I went through the listmania tutorial and my css is rendering a plain html doc perfectly. But I'm not putting the

    and
  • tags in the php correctly. I've followed some examples here, but still not getting it. This is the only code I have for the primary links. It seems elsewhere there is a lot more with if statements, etc. I've tried to insert variations found here, but still nothing.
noraa’s picture

noraa commented

I found this code from one of the other themes and it worked, with a bit of a problem. My tabs line up horizontally now beautifully, but they have dropped down over my background image by about an 1/8 of an inch. I haven't changed the css at all, and when I do a simple test html page with a simple list the tabs are fine. Wonder what happened. I guess it's baby steps all the way with Drupal.

<ul id="navcontainer"><?php if (isset($primary_links)) { ?><?php foreach ($primary_links as $link): ?><li><?php print $link?></li><?php endforeach; ?><?php } ?>					  
<?php if (isset($secondary_links)) { ?><?php foreach ($secondary_links as $link): ?><li><?php print $link?></li><?php endforeach; ?><?php } ?></ul>
NicoDruif’s picture

NicoDruif commented

In the version I work with (6.4) you can achieve horizontal tabbed navigation with the primary links. Visit Administer > Site building > Menus > Settings and make sure "Menu containing primary links" and "Menu containing secondary links" are set to the same menu (most likely "Primary Menu" ). Then add the secondary items as children of the appropriate primary item. Your theme will also need to print the secondary menu (links).

More about this (for example) at: http://drupal.org/node/300641 and http://drupal.org/node/263438 and http://drupal.org/node/270875.

www.druifdesign.nl