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 1 of 1
  1. #1
    New Coder
    Join Date
    Oct 2004
    Posts
    36
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Arrow Rollover effect with a javascript submenu

    I am having trouble getting the widths to work right. I got this code off the site and I am not sure what all it does. There are about 4 or 5 places that you can adjust the width. Can some one check out the CSS below and let me know what all it does.

    Code:
    body
    {
    	margin:50px;
    	background-color:#ffffff;
    	font:13px Arial;
    }
    
    #nav, #nav ul
    {
    	padding: 0;
    	margin: 0;
    	list-style: none;
    	position: absolute;
    }
    
    /* now lets get rid of position:relative for IE */
    
    * #nav, * #nav ul
    {
    	padding: 0;
    	margin: 0;
    	list-style: none;
    }
    
    
    #nav a
    {
    	width: 82px;
    	display: block;
    	color: black;
    	text-decoration: none;
    	background-color: white;
    	border: 1px solid #000000;
    	padding: 5px;
    	font:12px verdana bold; /* N6 needs this to cascasde the font style */
    	background:url(menubg.jpg) no-repeat 0px 0px;
    	text-align: center; 
    
    }
    
    /* BMH for IE 5 */
    
    * html #nav a
    {
      width: 95px;
      w\idth: 95px;
    }
    	
    #nav li
    {
        float: left;
    	width: 90px; /* width of the individual bars */
    	position: relative;
    		
    }
    	
    #nav li ul
    {
    	position: absolute;
    	left: -999em;
    	width: 95px;
    	
    }
    	
    #nav li a:hover
    {
    	color: #FFFFFF;
    	background-color: #B40820;
    	background:url(menubg.jpg) no-repeat 0px -40px;
    	
    }
    
    #nav li:hover ul, #nav li.sfhover ul
    {
    	left: auto ;
    }
    
    #nav ul
    {
    text-align: center;
    display: block;
    }
    Here is the site (Test Menu) it is on currently. I want to make that all one line as well as have it centered any ideas?
    Last edited by jpalazzi; 10-26-2004 at 12:34 AM.


 

Posting Permissions

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