Html Horizontal Menu
Page 1 of 1 • Share
- grimofdoomMember
- Forum Posts : 106
Member Since : 2012-03-06
I need help. I need a horizontal menu i could use in an html page. Can someone please give me a script that makes a horizontal line with onmouseover type to show A box that can use links.
- Terry HarveyMember
- Forum Posts : 2
Member Since : 2012-03-06
- Code:
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
Expanding on Terry's post. You'll need to add CSS
- Code:
<div id="navigation">
<ul>
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
<li><a href="#">Menu Item 4</a></li>
</ul>
</div>
- Code:
#navigation{
width:100%;
height:30px;
background-color:#999;
}
#navigation ul{
margin:0px; padding:0px;
}
#navigation ul li{
display:inline; height:30px; float:left; list-style:none; margin-left:15px;
}
#navigation li a{
color:#fff; text-decoration:none;
}
#navigation li a:hover{
text-decoration:underline;
}
- Terry HarveyMember
- Forum Posts : 2
Member Since : 2012-03-06
Oops - I beg your pardon. I misread the post and thought that you wanted a vertical menu.
- grimofdoomMember
- Forum Posts : 106
Member Since : 2012-03-06
Sorry i havnt replied sooner, i meant a horizontal with simple drop down box(yes i know css is needed.)
- Sponsored content
Similar topics
Create an account or log in to leave a reply
You need to be a member in order to leave a reply.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
|
|