Menu

Ukážka

CSS <STYLE>
ul.menu {
font-family: "Times New Roman", Times, serif;
font-size: 1em;
width: 150px;
padding: 0;
margin: 0;
list-style-type: none;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
}
.menu li a:link, .menu li a:visited {
display: block;
height: 100%;
padding: 0.1em;
color: #444444;
text-decoration: none;
background-color: #ffffff;
border-top-width: 1px;
border-left-width: 2em;
border-top-style: solid;
border-left-style: solid;
border-top-color: #cccccc;
border-left-color: #efefef;
text-align: left;
}
.menu li a:hover, .menu li a:active {
display: block;
height: 100%;
background: #efefef;
padding: 0.1em;
color: #666666;
text-decoration: none;
border-top-width: 1px;
border-left-width: 2em;
border-top-style: solid;
border-left-style: solid;
border-top-color: #cccccc;
border-left-color: #cccccc;
}
.style1 {
font-size: x-large;
font-weight: bold;
}
</STYLE>
Objekt <ul class=menu>
<li><a href="/">Stránka1</a>
<li><a href="/">Stránka2</a>
<li><a href="/">Stránka3</a>
<li><a href="/">Stránka4</a>
<li><a href="/">Stránka5</a> </li>
</ul>