Simple Margin/Padding Question

[mennis96]

Hi,

I was wondering if you could tell me which element in the CSS I can change to change the padding of the top menu only and not the sub navigation menus.  When I adjust the top, it adjusts them all.  I want to add padding to the left of the top menu, but leave the sub menus at 0 so they continue to left align. I understand CSS, but all the nesting has me confused. I know there’s an easy way to do this. ” title=”Smiley” />

I can’t show the menu because the site is not live yet, but here’s the css I tried changing.

#suckerfishnav li {
    float:left;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:20px;
    padding-left:10px;
    }

Thank You,

[paranoia]

Try adjusting the padding in "#suckerfishnav li li {}" after adjusting the top.

[mennis96]

Thanks for the reply!  That didn’t work, but you gave me an idea that did. ” title=”Smiley” />  The li was not apparently moved over, but rather the ul. I created a new style for the ul within the li and it works.  Hope this helps anyone else trying to play with margins and padding.

#suckerfishnav li ul {
    padding-left:0px;
    margin-left:-10px;
    }

[paranoia]

Glad it pointed you in the right direction. The CSS for the Suckerfish menu can become quite confusing at times…took me quite a bit of trial and error to get it working as I wanted.

[Author]

Posts