Navigation menu styling

marco · Post by **marco** » Thu 20. Nov 2003, 22:17

I have a vertical menu with two items, News and Articles, placed in the right column of a 3-col layout with header and footer.

The menu table is rendered with a 2px gap around it, in other words, the top edge of the menu does not come flush with the bottom of the header, and the left edge of the menu is not flush with the right edge of the middle column, the way it is on your site.

How do I remove the blank space around my menu table, so that it looks like the menu on your site?

Increasing the $template_default["nav_table_struct"]["space_right"] just makes the menu width larger but does not remove the approx. 2px gap around it.

Post by **Oliver Georgi** » Thu 20. Nov 2003, 22:41

Marco, what do you mean - do you have a sample for me - or make a screenshot and mark it.

Oliver

marco · Post by **marco** » Thu 20. Nov 2003, 22:50

I'll mail it, unless there is a way to post it to the forum.

marco · Post by **marco** » Fri 21. Nov 2003, 00:23

Thanks for the solution, Oliver, it worked really well.
I am posting it here for the other folks to see what the
problem was:

<table>
<tr>
<td valign="top">{NAV_TABLE_COLUMN}</td>
</tr>
</table>

That is your problem - it's not neccessary to create a parent table to nest
the menu - the replacement tag {NAV_TABLE_COLUMN} returns a full HTML table itself.

But if you want the {NAV_TABLE_COLUMN} nested, set:

<table cellspacing="0" border="0" cellpadding="0">
<tr>
<td valign="top">{NAV_TABLE_COLUMN}</td>
</tr>
</table>

But the best solution is to use {NAV_TABLE_COLUMN} only.