Page 1 of 1

(Opgelost) menu niet op een lijn

Posted: Thu Dec 02, 2010 7:13 am
by Silvie
Hallo!

Na wat uurtjes en een nachtje erover slapen roep ik toch maar even jullie hulp in.
Ik ben een website aan het maken en het menu staat niet helemaal goed.
Dit is de site:
(even weggehaald)
Ik gebruik dit menu:

Code: Select all


{* CSS classes used in this template:
.currentpage - The active/current page
.bullet_sectionheader - To style section header
hr.separator - To style the ruler for the separator *} 
{if $count > 0}
<ul class="but">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}

{if $node->current == true}
<li><a href="{$node->url}" class="but"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>

{elseif $node->parent == true && $node->depth == 1 and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="activeparent"> <a href="{$node->url}" class="activeparent"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>

{elseif $node->type == 'sectionheader'}
<li class="sectionheader">{$node->menutext}

{elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <hr class="separator" />

{else}
<li><a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>

{/if}

{/foreach}

{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}
Dit stond in  het sjabloon:

Code: Select all


 <div id="buttons">
          <a href="#" class="but"  title="">Home</a>
          <a href="#" class="but" title="">Blog</a>
          <a href="#"  class="but" title="">Gallery</a>
          <a href="#"  class="but" title="">About us</a>
          <a href="#" class="but" title="">Contact us</a>
    </div>

Weet iemand hier de oplossing voor?

Re: menu niet op een lijn

Posted: Thu Dec 02, 2010 12:25 pm
by M@rtijn
Even de volgende code toevoegen aan je CSS:

Code: Select all

ul.but li {
       display:inline;
}

Re: menu niet op een lijn

Posted: Thu Dec 02, 2010 1:15 pm
by Silvie
Mr20 x3  ;)

Mijn dank is groot!
hij doet het!