Jump to content

Archived

This topic is now archived and is closed to further replies.

dug

CSS (drop down menu minor help)

Recommended Posts

Hi guys,

got the following css code that works fine, but i just dont seem to able to have space betweeh each sub-menu title.  i.e.

Main-menu Ttitle:    INFO
Sub-menu Title:      About us
                          Job Oppertunites

what i want is space between "About us" and "Job Oppertunities".

[code=php:0]

<style type="text/css">


#nav, #nav ul { /* all lists */
padding: 0;
margin:0;
list-style: none;
line-height: 1;
}

#nav a {
display: block;/*display sub below main menu*/
width: 8em;
}

#nav li { /* all list items */
float: right;
width: 6em;

}

#nav li ul { /* second-level lists */
position: absolute; /*hide sub content, display whem mouse over*/
background: transparant;
width: 7em;
font-size:12px;
list-style-type: none;
left: -999em;

}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#content {
clear: left;
}

[/code]

thanks

Share this post


Link to post
Share on other sites
Try setting the padding of the li tag padding-top:0.2em; something like that

Share this post


Link to post
Share on other sites
thanks for the help.  had it fixed already after trial and error, it was to do with the padding.

cheers

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.