Separate Nav Category Menu into multiple lines?

[zkitten]

I think I've worn out the search button, I've looked, but not found specifically what I was looking for.

I'm wanting to change the top category menu a bit,
Right now, normaly it is just a long list, wrapping with the page.
I'd like to separate it into a couple lines (groups of 7 or so)

I've figured it's the categories_tabs.php file,
(\includes\templates\template_default\templates\categories_tabs.php)

This is what it looks like normaly,

(clicks to much larger)


This is what I've been able to do

(clicks to much larger)


changing this code

<?php
/**
 * Module Template - categories_tabs
 *
 * Template stub used to display categories-tabs output
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_modules_categories_tabs.php 3395 2006-04-08 21:13:00Z ajeh $
 */

  include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_CATEGORIES_TABS));
?>
<?php if (CATEGORIES_TABS_STATUS == '1' && sizeof($links_list) >= 1) { ?>
<div id="navCatTabsWrapper">
<div id="navCatTabs">
<ul>
<?php for ($i=0, $n=sizeof($links_list); $i<$n; $i++) { ?>
  <li><?php echo $links_list[$i];?></li>
<?php } ?>
</ul>
</div>
</div>
<?php } ?>

into this

<?php
/**
 * Module Template - categories_tabs
 *
 * Template stub used to display categories-tabs output
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_modules_categories_tabs.php 3395 2006-04-08 21:13:00Z ajeh $
 */

  include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_CATEGORIES_TABS));
?>
<?php if (CATEGORIES_TABS_STATUS == '1' && sizeof($links_list) >= 1) { ?>
<div id="navCatTabsWrapper">
<div id="navCatTabs">
<ul>
<?php for ($i=0, $n=sizeof($links_list); $i<$n; $i++) { ?>
  <li><?php echo $links_list[$i];?><?php if ($i+4<$n) { echo "<br />"; } ?></li>
<?php } ?>
</ul>
</div>
</div>
<?php } ?>

and what i'd like to have, is this-

(clicks to much larger)



So, anyone know what i'm supposed to change?

[zkitten]

Bueller? Bueller?

[villafiller]

Hi - I've been trawling through looking to change the background of the navcat menu.

I'm definitely no expert (I depend on stealing other peoples tips and trial and error code changes)

I think that the thing you want to do may be achieved by modifying the display command in the stylesheet.css

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
display: inline;

Here's a link to an explanation of 'display', with the ability to try out the different options at the bottom of the screen. -

http://www.w3schools.com/css/pr_class_display.asp

Hope that I'm right and this helps with your problem,

Andy