Jump to content


Photo

CSS (drop down menu minor help)


  • Please log in to reply
2 replies to this topic

#1 dug

dug
  • Members
  • PipPip
  • Member
  • 20 posts

Posted 05 September 2006 - 05:09 PM

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".


<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;
}


thanks

#2 syed

syed
  • Members
  • PipPipPip
  • Advanced Member
  • 151 posts
  • LocationEngland

Posted 06 September 2006 - 12:31 AM

Try setting the padding of the li tag padding-top:0.2em; something like that

#3 dug

dug
  • Members
  • PipPip
  • Member
  • 20 posts

Posted 06 September 2006 - 05:26 PM

thanks for the help.  had it fixed already after trial and error, it was to do with the padding.

cheers




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users