horizontal menu tekst problem

[Kaylen]

In my horizontal menu I added a background picture, wich works fine, but I need to get the tekst in the menu to go down a bit. See attachment....

I have tried playing with margin and padding for div#menu_horiz li, div#menu_horiz li a, div#menu_horiz a and even div#menu_horiz ul
but nothing seems to work.

Itried adding vertical-alignment:bottom; where I als put text-align: center; (to get the tekst in the middle) but that doesn;t help either.

I have a feeling that there is somewhere defined margin-bottom or padding-bottom, but I cannot find anything of the sort...

Can someone please help me out?

THNX!!

[attachment deleted by admin]

[Dr.CSS]

it's looking nice...
what other changes have you made...

if you find in your source view

#primary-nav a {
    background-color: #f2f2f2;
display: block;
padding: 4px 10px; 
text-decoration: none;
}

of course you may need margin:??px  but this is the call for all the "a" links so you will need to call the 'children' with...

#primary-nav li a {
    background-color: #f2f2f2;
display: block;
padding: 4px 10px;  something diff. so they show the way you want
text-decoration: none;
}

everything below this level shoud take on the same style  if not add  #primary-nav li li a {etc. etc.    below it...

[Kaylen]

thnx mark, I'm trying my best 

I cannot find   in my source... Are you sure it is part of the EllNav Horiz/Vert L 1col template??

This is my source for the template:






Asystolie - {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
      Skip to content
   
   

   


 
 
     
            Asystolie


       

       
           
              Main Navigation
             
                 


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

             

           
       

       
     
     
     
 

 




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


 
 

     

     

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

   

Onze Links


     
     


     
     
        {title}
        {content}


       


^ Top

       
            {cms_selflink dir="previous"}

            {cms_selflink dir="next"}
       


     
     
 


 
 


 
 
      {global_content name='footer'}
 
 









I've added my css files as an attachment....

Can you help me out some more?? Much appreciated!!

[attachment deleted by admin]

[Dr.CSS]

well looking at your posted code i can say that using #menu_horiz is never going to do anything you tell it to do...
ok.. when you make a CSS call you need to be specific... browser has no way of knowing anything but what you tell it ... all your styling will need to be directed at...

           
              Main Navigation
             

these ids' , the closer you get to the thing you need to style the better, using the top-nav_purple would be closer to the menu than menu_horiz_purple, and because you have the in your menu you can style every single instance itself..as in #over-ons{margin:??; padding:??; background img. etc. etc.},,#cursus{style},,etc. etc.... you can name a anything you want as long as all styling calls the same ie...
#menu_horiz_purple{whatever}
#top-nav_purple{whatever} or
#over-ons{ }
one must always look thru the coresponding CSS to find instances of name calling ...and tell there mother on them.. just kidding 
but seriously any naming changes in the Template/HTML will need to be reflected in the CSS or Browsers won't know who your talking about..

  HTH