Problems with alignment of menu

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"
Post Reply
rodeto
Power Poster
Power Poster
Posts: 410
Joined: Thu May 04, 2006 9:12 am

Problems with alignment of menu

Post by rodeto »

Below is the code that I use for a horizontal menu in one of the sites. The menu is set to a width of 100%. What I want is that all list items are spread over the total width (text-align:justify) but whtever I try nothing happens. All list items keep lined up to the left.

Code: Select all

<div id="menu_vert">
  <h2 class="accessibility">Navigation</h2>
  <div id="menuwrapper">
    <ul id="primary-nav">
      <li class="menuactive"><a class="menuactive" style="color: #B5B6D2"
href="http://www.domainname.nl/" accesskey="1" ><dfn>1: </dfn>Home</a> </li>
      <li class="menuparent"><a class="menuparent" 
href="http://www.domainname.nl/overonsi.php" ><dfn>2: </dfn>Over Ons</a> </li>
      <li class="menuparent"><a class="menuparent" 
href="http://www.domainname.nl/expertise.php" ><dfn>3: </dfn>Expertise</a> </li>
      <li class="menuparent"><a class="menuparent" 
href="http://www.domainname.nl/sectoren-projecten.php" ><dfn>4: </dfn>Sectoren</a> </li>
      <li><a 
href="http://www.domainname.nl/projecten.php" ><dfn>5: </dfn>Projecten</a> </li>
      <li class="menuparent"><a class="menuparent" 
href="http://www.domainname.nl/carriere.php" ><dfn>6: </dfn>Carrière</a> </li>
      <li class="menuparent"><a class="menuparent" 
href="http://www.domainname.nl/publicaties.php" ><dfn>7: </dfn>Publicaties</a> </li>
    </ul>
    <div class="clearb"></div>
  </div>
  <hr class="accessibility" />
</div>
<div class="clearb"></div>
What do I need to do to get the menu to spread over all the width of the menuwrapper? I have been struggling with this for days but no luck yet.

Any help is appreciated.
________________________________
Je gaat het pas zien als je het doorhebt.
rodeto
Power Poster
Power Poster
Posts: 410
Joined: Thu May 04, 2006 9:12 am

Re: Problems with alignment of menu

Post by rodeto »

Please, is there really nobody who can help me here ?
________________________________
Je gaat het pas zien als je het doorhebt.
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm

Re: Problems with alignment of menu

Post by Nullig »

Perhaps, if you provide a link to the site, we can see what needs to be done.

Nullig
rodeto
Power Poster
Power Poster
Posts: 410
Joined: Thu May 04, 2006 9:12 am

Re: Problems with alignment of menu

Post by rodeto »

sorry about that. It's about this website.
Right now the alignment is made with left and right paddings for every list item. But that will be a problem as soon as the screen is not wide enough (it will break the menu bar).
What I would like to have is to spread the menu item over the total width of the menu bar.
Last edited by rodeto on Wed Oct 01, 2008 6:31 am, edited 1 time in total.
________________________________
Je gaat het pas zien als je het doorhebt.
Post Reply

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