Pavisam vienkāršs vertikāla menu pamats:
https://exs.lv/mad182/menu-vertical/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Vertical CSS menu</title>
<style type="text/css">
#menu {
width: 200px; /* šis ir tikai priekš demo */
margin: 100px; /* šis ir tikai priekš demo */
padding: 0;
list-style: none;
}
#menu li {
margin: 0;
padding: 0;
background: transparent;
display: inline;
}
#menu li a {
display: block;
padding: 4px 10px;
border-bottom: 1px solid #aaa;
color: #333;
text-decoration: none;
}
#menu li a:hover {
border-left: 8px solid #aaa;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">Sākums</a></li>
<li><a href="#">Kas mēs esam</a></li>
<li><a href="#">Kontakti</a></li>
<li><a href="#">Interesanti palasīt</a></li>
</ul>
</body>
</html>