Jump to content

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
Link to comment
https://forums.phpfreaks.com/topic/19787-css-drop-down-menu-minor-help/
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

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.