Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Horizontal menu

Status
Not open for further replies.

Midou007

MIS
Oct 15, 2005
6
US
I`ve been struggling with this for quite a while, so I decided to get some help from you guys. I have a vertical menu and I’m trying to add a horizontal pop up menu to the last item of the vertical menu “links”. Thnaks for youe help
Here what I have so for
Code:
html code
<div id="left">
<a href="index.html"> Home</a>
<a href="forms2.htm"> Forms</a>
<a href="index.html"> Videos</a>
<a href="safetymanual.htm">Safety Manual</a>
<a href="index.html"> links</a>
<ul>
<li>Sublink</li>					
<li>Sublink</li>
<li>Sublink</li>				
</ul>	
</div>

Css code
#left {
	border-right: 1px solid #000000;
	position: absolute;
	left: 0px;
	top: 255px;
	width: 150px;
}
#left a {
	display: block;
	list-style: url(none) none;
	font: bold 0.75em/1.75em Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #000000;
	color: #000000;
	padding-left: 10px;
	background: #ff3300;
	text-decoration: none;
}
#left a:hover {
	color: #FE859C;
}
 
Firstly, structure your menu as follows:

Code:
<ul id="nav">
 <li><a href="index.html"> Home</a></li>
 <li><a href="forms2.htm"> Forms</a></li>
 <li><a href="index.html"> Videos</a></li>
 <li><a href="safetymanual.htm">Safety Manual</a></li>
 <li><a href="index.html"> links</a>
  <ul>
    <li>Sublink</li>                    
    <li>Sublink</li>
    <li>Sublink</li> 
  </ul>
 </li>               
</ul>

Then read up on "Suckerfish Dropdowns".

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top