Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Son of Suckerfish question...

    Hey there folks,

    I'm new, and I just started learning CSS recently, this is kind of a fill the void job for me now, I used to do web design back in the day.

    I have a question about the Son of Suckerfish menu, I, like others, have had issues with IE6/7, I have it working now, haha, although I'm missing quite a few chucks of hair.

    So I need some help... I cant seem to get the third tier of menu's to align to the right of the second tier, for some reason it's completely eluding me.

    Code:
    #nav, #nav ul 
    {	padding: 0;
    	margin: 0;
    	display: block;
    	position:absolute;
    	list-style-image: none;
    	line-height: 1%;	}
    
    #nav
    {	float: left;
    	width: 800px;	}
    
    #nav a 
    {	display: block;
    	width: 104px;
    	background: #fff;
    	padding: 2px 3px;
    	color: #44687d;
    	text-align: left;
    	text-decoration: none;	}
    
    #nav a:hover
    {	display: block;
    	width: 104px;
    	background: #fff;
    	padding: 2px 3px;
    	color: #ada697;
    	text-align: left;
    	text-decoration: none;	}
    
    #nav li 
    {	float: left;
    	width: 90px;
    	left: auto;
    	display: block;
    	font: 11px arial;	}
    
    #nav li ul
    {	position: absolute;
    	width: 140px;
    	left: -999em;	}
    
    #nav li:hover ul 
    {	float: left;
    	width: 90px;
    	left: auto;
    	display: block;
    	font: 11px arial;	}
    
    * html #nav li
    {	height:1%;	}
    
    #nav li:hover ul, #nav li.sfhover ul 
    {	left: auto;
    	margin-left: 0;
    	padding-left: 0;
    	background: #fff;	}
    
    #nav li ul ul 
    {	margin: -1 799 500 5;	}
    	
    #nav li:hover ul ul, #nav li.sfhover ul ul 
    {	left: -999em;	}
    
    #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul 
    {	left: auto;	}
    Please don't bash me to much if I have some weird coding, , I'm still learning this CSS stuff.

    Thanks!
    -peter

  • #2
    New Coder
    Join Date
    Feb 2009
    Location
    Los Angeles
    Posts
    40
    Thanks
    2
    Thanked 1 Time in 1 Post
    Do you have a page we can look at to see the problem that's connected to the CSS page??


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •