Top level navigation + left subnavigation

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
wientanz

Top level navigation + left subnavigation

Post by wientanz »

Hi,

I have another menu problem, this time concerning a top level navigation plus a left subnavigation and one column. My problem is that it doesn't work though I pasted the right tags. Well, it seems to be a CSS problem again, but I really don't know.

www.bugovsky.com

If I get it to work, I will post the results in the theme repository :-)

Cheers, Steve

P.S.: Oh, and running CMSMS 0.13 on a FreeBSD System at powweb.com
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Top level navigation + left subnavigation

Post by Dr.CSS »

I think part of the problem is the menu template you called in the menu tag this is what it spits out, no a links untill the very last 2...
Bbecause you are using a template with section header calls?... My site has only 1 direct link and all else are section headers with out this prob....


1: Startseite

Tanzen lernen
Tänze dieser Welt
Beruf oder Hobby

Bälle & Co
Tanzlocations
Für Veranstalter
Kolumne
Archiv
Kontakt
11: Links

12: Administration

wientanz

Re: Top level navigation + left subnavigation

Post by wientanz »

The layout should ideally look like this:
http://www.openwebdesign.org/viewdesign ... eferer=%2F

A link deeper into the system can be found here http://www.bugovsky.com/index.php?page=Rumba

The problem is that the top level nav doesn't stay in one horizontal row and that the left side where the sublevel nav should show up, the design does not match the original. Hmmm.

And yes,

Code: Select all

<li class="sectionheader"><h3 class="clearfix">Tanzen lernen</h3></li>
<li class="sectionheader"><h3 class="clearfix">Tänze dieser Welt</h3></li>
<li class="sectionheader"><h3 class="clearfix">Beruf oder Hobby</h3></li>
are sectionheaders,

Code: Select all

<li><a href="http://www.bugovsky.com/index.php?page=Links" ><dfn>11: </dfn>Links</a></li>
is a normal page and

Code: Select all

<li><a href="http://www.bugovsky.com/admin" ><dfn>12: </dfn>Administration</a>
is a link.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Top level navigation + left subnavigation

Post by Dr.CSS »

Can you paste the "menu section" of your template where you have the menu tag?
wientanz

Re: Top level navigation + left subnavigation

Post by wientanz »

Hi Mark,

I'll post the whole template as it's easier for you to spot mistakes therein, I hope.

Code: Select all

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<__html xmlns='http://www.w3.org/1999/xhtml'>

<!--
Copyright: Darren Hester 2006, http://www.designsbydarren.com
License: Released Under the 'Creative Commons License', 
http://creativecommons.org/licenses/by-nc/2.5/
-->

<head>

<!-- Meta Data -->
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
<meta name='description' content='Short description of your site here.' />
<meta name='keywords' content='keywords, go, here, seperated, by, commas' />
{metadata}
{stylesheet}
<!-- Site Title -->
<title>Mother Earth | 3-Column Fixed Width CSS Design Template</title>


</head>


</__body>

<div id='page_wrapper'>

  <div id='page_header'>
    <h1>Mother Earth</h1>
    <h2>3-Column Fixed Width CSS Design Template</h2>
  </div>
  
  <div id='menu_bar'>
      <div id='navcontainer'>
{cms_module module='menumanager' template='ellnav-accessible.tpl' number_of_levels='1'}
      </div>
  </div>

  <div id='content_wrapper'>

    <div id='left_side'>
      
      <h3>Recommended</h3>
      
      <div id='linkcontainer'>
        {cms_module module='menumanager' template='ellnav-accessible.tpl' start_level='2' collapse='1'}
      </div>
      
      <h3>Left Side</h3>
      
      <p>
      <a href='#'>Lorem ipsum</a> his ut explicari vituperata adversarium, 
      semper commune mediocrem eos ex. Vim solet consul vocibus ei. Facer 
      fuisset officiis vel ex, at vix <a href='#'>partem tractatos</a>, habeo 
      <a href='#'>maluisset</a> id mei. Ad duo sale munere facete. Ex vidit 
      brute feugiat qui, mei ullum zzril aliquam id, est ei tollit <a href='#'>
      munere persecuti</a>. Ius cu gloriatur constituto neglegentur, quem 
      scripta vulputate ne quo, qui in quem accumsan. Ad nominati sententiae 
      usu, <a href='#'>sit te commodo minimum</a>.
      </p>      
     
    </div>

    <div id='right_side'>
      
      <h3>Right Side</h3>
      <p>
      Lorem ipsum his ut explicari vituperata adversarium, semper commune 
      mediocrem eos ex. Vim solet consul vocibus ei. Facer fuisset officiis 
      vel ex, at vix <a href='#'>partem tractatos</a>, habeo maluisset id mei. 
      Ad duo sale munere facete. Ex vidit brute feugiat qui, mei ullum zzril 
      aliquam id, est ei tollit <a href='#'>munere persecuti</a>. Ius cu 
      gloriatur constituto neglegentur, quem scripta vulputate ne quo, qui 
      in quem accumsan. Ad nominati sententiae usu, <a href='#'>sit te commodo 
      minimum</a>.
      </p>
      
      <h3>Right Side</h3>
      
      <p>
      Lorem ipsum his ut explicari vituperata adversarium, semper commune 
      mediocrem eos ex. Vim solet consul vocibus ei. Facer fuisset officiis 
      vel ex, at <a href='#'>vix partem tractatos</a>, habeo maluisset id mei. 
      Ad duo sale <a href='#'>munere facete</a>. Ex vidit brute feugiat qui, 
      mei ullum zzril aliquam id, est ei <a href='#'>tollit munere persecuti.</a> 
      </p>   
         
    </div>

    <div id='center'>
    
      <h3>{title}</h3>
      {content}
      
      <h3>Center Content</h3>  
          
      <p>
      <img class='thumbnail_right' src='img/leaf.jpg' alt='leaf' />
      <a href='#'>Lorem ipsum</a> his ut explicari vituperata adversarium, 
      semper commune mediocrem eos ex. Vim solet consul vocibus ei. Facer fuisset 
      officiis vel ex, at vix <a href='#'>partem</a> tractatos, habeo maluisset 
      id mei. Ad duo sale munere facete. Ex vidit brute feugiat qui, mei ullum 
      zzril aliquam id, est ei tollit munere persecuti. Ius cu gloriatur constituto 
      neglegentur, quem scripta vulputate ne quo, qui in quem accumsan. Ad nominati 
      sententiae usu, sit te commodo minimum. Lorem ipsum his ut <a href='#'>
      explicari vituperata</a> adversarium, semper commune mediocrem eos ex. Vim 
      solet consul vocibus ei. Facer fuisset officiis vel ex, at vix partem tractatos, 
      habeo maluisset id mei. Ad duo sale munere facete. Ex <a href='#'>vidit brute</a> 
      feugiat qui, mei ullum zzril aliquam id, est ei tollit munere persecuti. Ius 
      cu gloriatur constituto neglegentur, quem scripta vulputate ne quo, qui in 
      quem accumsan. Ad nominati sententiae usu, sit te commodo minimum.      
      </p>                     
    </div>

  </div>

  <div id='page_footer'>
    <p>
    © 2006 Darren Hester, <a href='http://www.designsbydarren.com' target='new'>DesignsByDarren.com</a>, Some Rights Reserved. Layout modified by Stefan Bugovsky for CMSMS<br/>
    <a href='http://validator.w3.org/check?uri=referer' target='new'>Valid XHTML 1.0 Transitional</a>
    </p>
  </div>

</div>

<__body>
</__html>

Oh, and yes, the "Lorem ipsum" placeholders will go away at a later stage :-)
wientanz

Re: Top level navigation + left subnavigation

Post by wientanz »

*bump* (only once, I swear)

Mark, have you got an idea?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Top level navigation + left subnavigation

Post by Dr.CSS »

You need to make a new menu template and call ul id='navlist' and then use the original style sheet, the section headers are not getting any <a href=""  so they don't act like links.

If I had the time, trying to pay the bills, I would port that template over to CMSMS.
wientanz

Re: Top level navigation + left subnavigation

Post by wientanz »

Sorry Mark, didn't want you to feel that way.  :-[

Will look into the matter with a CSS handbook in my hands. And the CMSMS default templates as guide.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Top level navigation + left subnavigation

Post by Dr.CSS »

You may find this site helpful  http://www.w3schools.com/default.asp
Locked

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