ellnav horiz menu problem after upgrading

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
Kaylen
Forum Members
Forum Members
Posts: 128
Joined: Mon May 01, 2006 5:24 pm

ellnav horiz menu problem after upgrading

Post by Kaylen »

Hi,

Because I wanted to use pisearch module I had to upgrade my cms version to 0.13.
After doing this I got the problem back with my top nav menu (see picture)
The menu is again back at the top of my header instead of lining up with the bottom of my logo picture, like before, but what i did before to correct the problem (adding margin-top: 40px; to div#menu_horiz) is not helping...
I have tried everything with margin and padding and aligning for menu_horiz, top-nav, top-nav li, top-nav ul, top-nav li a...
Nothing seems to work, it is not responding to anything..
I have addes my current css files and template..
I am using template  EllNav H/V L 1Col with all the standard css's attached to it







CMS Made Simple Demo - {title}

{metadata}
{stylesheet}

{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}

{global_content name='JavaScript for IE page width'}







   
   
      Skip to navigation
      {cms_selflink anchorlink='main' dir='anchor' text='Skip to content'}
   
   

   


 
 
     
            Asystolie


       

       
           
              Main Navigation
             


1: Over ons
2: Cursussen
3: Specialisaties
4: Ambulance
5: Anatomie
6: Producten


                 
             

           
       

       
     
     
     
 

 



     
          {cms_module module="pisearch" action="showform" lang="nl_NL"}
     

 
 
 
        {breadcrumbs starttext='You are here' root='Home' delimiter='»'}
 
 
 


 
 

     
     
        Sub Navigation
        {cms_module module='menumanager' template='ellnav-accessible.tpl' start_level='2' collapse='1'}
     
     
     


     
     
        {title}
        {content}


       


{cms_selflink anchorlink='main' dir='anchor' text='^ Top'}

       
            {cms_selflink dir="previous"}

            {cms_selflink dir="next"}
       


     
     
 


 
 


 
 
      {global_content name='footer'}
 
 









I am getting desperate now and if someone could help me, it would be so much appreciated!!

[attachment deleted by admin]
Kaylen
Forum Members
Forum Members
Posts: 128
Joined: Mon May 01, 2006 5:24 pm

Re: ellnav horiz menu problem after upgrading

Post by Kaylen »

picture...

[attachment deleted by admin]
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: ellnav horiz menu problem after upgrading

Post by Dr.CSS »

what does the source look like from the rendered page, just the header/menu area.....
Kaylen
Forum Members
Forum Members
Posts: 128
Joined: Mon May 01, 2006 5:24 pm

Re: ellnav horiz menu problem after upgrading

Post by Kaylen »

it looks like this:




#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}










   
   
      Skip to navigation
     
   
   

   


 
 
     
            Asystolie


       

       
           
              Main Navigation
             


1: Over ons
2: Cursussen
3: Specialisaties
4: Ambulance
5: Anatomie
6: Producten


                 
             

           
       

       
     
     
     
 

 



     
         







     

 
 
 
        You are here: Home
 
 
 


 
 

     
     
        Sub Navigation
       
     
     
     
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: ellnav horiz menu problem after upgrading

Post by Dr.CSS »

ellnav layout...
    div#menu_horiz {
            margin-top: 60px;
            padding:0;           
            font-family:verdana;
            background:  #008294;         
            text-align: center;
        }
layout CSS...
div#header-right {
            margin-top: 100px;
            padding: 0;
            height: 70px;
            font-family:verdana;
            vertical-align:bottom;
            background: #008294;         
            text-align: center;
            float: right;           
                    }

horizontal CSS...
    div#menu_horiz {
      background-color: #008294;
      padding : 0;
      margin: 0;
      text-align: center;
    }

you really only want a div style called once...
you can use...

      {padding-top:100px  or 60px}  on the menu_horiz or header-right
Kaylen
Forum Members
Forum Members
Posts: 128
Joined: Mon May 01, 2006 5:24 pm

Re: ellnav horiz menu problem after upgrading

Post by Kaylen »

THNX MARK!!!! tou're the best!!!  ;D

I removed the menu_horiz in the horizontal css and now it works!!

Really glad with your help!!!
Post Reply

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