Help With Navigation

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
iamdinux

Help With Navigation

Post by iamdinux »

Ok, my navigation is REALLY easy.

Code: Select all

<div id="wrap"><div id="header"><ul>
{if $count > 0}
	{foreach from=$nodelist item=node}
		{if $node->current == true and $node->child == false}
			<li><a href="{$node->url}"><span>{$node->menutext}</a></il>
		{/if}
	{/foreach}
{/if}
</ul></div></div>
I need/want to take what I have here and just make it show that it doesn't show the child nodes. I have a menu on the side of the page that has the child nodes in it so this one I do not want to show them. Any help is appreciated.

And for this one below, I want to show the children links pushed over a bit.

Code: Select all

{if $count > 0}
	{foreach from=$nodelist item=node}
		{if $node->current == true}
			<tr><td class="nav_body" style="background-color:#dadada;"><img border="0px" height="16px" src="images/bullet.gif" width="20px" /> {$node->menutext}</td></tr>
		{elseif $node->parent == true}
			<tr><td class="nav_body"><img border="0px" height="16px" src="images/bullet.gif" width="20px" /> <a href="{$node->url}">{$node->menutext}</a></td></tr>
		{else}
			<tr><td class="nav_body"><img border="0px" height="16px" src="images/bullet.gif" width="20px" /> <a href="{$node->url}">{$node->menutext}</a></td></tr>
		{/if}
	{/foreach}
{/if}
Example child link:

Code: Select all

			<tr><td class="nav_body"><img border="0px" height="16px" src="images/bullet.gif" width="20px" />    <a href="{$node->url}">{$node->menutext}</a></td></tr>
Thank you!
Last edited by iamdinux on Sat Apr 28, 2007 10:30 am, edited 1 time in total.
iamdinux

Re: Help With Navigation

Post by iamdinux »

Well, I got one of them figured out.

number_of_levels = '1'

Adding that to the menus for the top worked out fine. Now if I would just figure out how to indent the child links I would be set!
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: Help With Navigation

Post by KO »

What about

ul,li {padding:0px;margin:0px;}

ul ul {padding-left:10px;}

or
li li {padding-left:10px;}

or

li li a {padding-left:10px;text-indent:10px;}

Also close the in your navigation template with .
iamdinux

Re: Help With Navigation

Post by iamdinux »

I am using tables not unordered lists so it wont work.
Locked

Return to “Layout and Design (CSS & HTML)”