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 Rhinorhino 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
Joined
Oct 15, 2005
Messages
6
Location
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
 
Thanks Foamcow. I will check it out.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top