Nav Bar and Link Problems

[seethrou]

Can something similar be done for the category links that are directly below the logo image? I couldn't locae a file similar to the tpl_header,php.

Copy the file below, save it to your override directory
includes/templates/template_default/templates/tpl_modules_categories_tabs.php

And save as:
includes/templates/YOUR_TEMPLATE/templates/tpl_modules_categories_tabs.php
In the new file, around line 21

<li><?php echo $links_list[$i];?></li>

change to

<li><?php echo $links_list[$i];?></li>|

Also in FireFox it seems that the the category nav bar follows to the right (next to) the logo image and spills over onto the next line. It doesn't look like its picking up the background color (#000000) of the space in which the logo image is in.

By veiw your site's page source, you have

<!--bof-branding display-->

<div id="logoWrapper">

    <div id="logo"><a href="http://fotopoet.com/zencart/"><img src="includes/templates/my_template/images/logo.gif" alt="Powered by Zen Cart :: The Art of E-Commerce" title=" Powered by Zen Cart :: The Art of E-Commerce " width="750" height="136" /></a></div>

    <div id="taglineWrapper">


      <div id="tagline">TagLine Here</div>



    </div>

</div>

<div class="clearboth"></div>

<!-- <br class="clearBoth" /> -->

<!--eof-branding display-->

Please note in the end of above code, there are two pieces of code:
1. <div class="clearboth"></div>
2. <!-- <br class="clearBoth" /> -->

May be you had changed the code there, please change back to only one of:
<br class="clearBoth" />

Then the catagories tab menu should change back to normal.

And add the following to your stylesheet to cover the blank area if any.

#headerWrapper {
background-color: black; /* change to the color you prefer */
}

#logo {
text-align: center;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
VERTICAL-ALIGN: middle;
PADDING-TOP: 0px
}

Hope this helps.