![]() |
|
|
|
|
|||||||
| HTML / Design Are you a designer? Or just trying to become one? Great! You'll be able to talk about layouts, and HTML code to help your fellow designers, so everyone can work together to master the tricks of the trade. (Maybe even some JavaScript too!) |
![]() |
|
|
Thread Tools | Search this Thread | Display Modes |
|
#1
|
|||
|
|||
|
I'm a newbie in HTML coding. One of the things that I want in my site is to show a Vertical menu, but I don 't know how to do it. Could someone show me a html code for vertical menu?
|
|
#2
|
||||
|
||||
|
For the design of your website need a CSS file. Here are two source codes necessary to create a vertical menu. Put CSS code in style.css file and HTML code in index.html file.
CSS code: HTML Code:
#menu {
background-color:#333333;
border:1px solid #ffffff;
height:124px;
width:79px;
padding-top:8px;
padding-left:3px;
}
#menu a {
border:1px solid #ffffff;
padding:5px;
background-color:#666666;
color:#FFFFFF;
text-decoration:none;
font-size:11px;
}
#menu a:hover {
color: #ff6600;
background-color:#333333;
border:1px solid #FFCC00;
border-right:1px solid #000000;
}
HTML Code:
<div id="menu"> <div style="text-align:right; padding-right:0px;"> <a href="#">Link1</a> <a href="#">Link2</a> <a href="#">Link3</a> <a href="#">Link4</a> </div> </div> |
![]() |
| Tags |
| account, code, hosting, html, menu, vertical, website |
| Thread Tools | Search this Thread |
| Display Modes | |
|
|