View Single Post
Old 11-20-2014, 03:25 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

or another one with comments for you
Code:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>   #navbar{float:left; position:relative; color:#FFF; font-size:1em;   width:960px;    } 	
	 
	 #navbar ul{text-align:center; }  
	#navbar ul li{font-weight:bold; width:120px; height:25px; 
		  text-decoration:none; list-style-type:none;position:relative;float:left; background-color:#3F221B; }
		  #navbar ul { background-color:#3F221B;}			
			#navbar ul ul li{background-color:#3F221B;}	
			
#navbar a:visited {color:#FFF;}
#navbar ul ul li {width:120px; text-align:left }

/*  top level */
#navbar a, #navbar a:visited {display:block;text-decoration:none;color:#fff; }

/* hide the sub levels */
#navbar ul ul {visibility:hidden; position:absolute;top:25px; background-color:#3F221B;   width:120px;}

/*  second level links */
#navbar ul ul a, #navbar ul ul a:visited {background-color:#3F221B; color:#fff; width:120px;}
#navbar ul ul li a:hover {background-color:#3F221B; width:120px;}

/*  top level hover */
#navbar a:hover, #navbar ul ul a:hover{color:#fff; }
/*  second level  */
#navbar ul li:hover ul,#navbar ul a:hover ul{visibility:visible;}</style>
</head>

<div id="navbar">
 <ul>
  <li ><a href="#">Home</a></li>

 
<li > <a  href="#">link2</a>

<!-- -------------- this is the drop down  --------------->
   <ul>
	<li  ><a href="#">sublink</a></li>
	<li><a  href="#">sublink</a></li>
	 <li><a  href="#">sublink</a></li>
     <li ><a  href="#">sublink</a></li>
	<li><a  href="#">sublink</a></li>
</ul>		<!-- -------------- end of the drop down  --------------->

  </li> 


<li><a  href="#">Link</a></li>

  <li><a href="#">Link</a></li>
<li><a href="#">Link</a></li> </ul>  </div>  <!-- end navbar-->

<body>
</body>
</html>
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote