Šis nav būt nav tik smuks bet nu :) Protams to visu var mainīt!!! ja kādi jautājumi par šo rakstat šeit es palīdzēšu un protams tikai es es
Code
<center><html><head>
<title>Navigacija</title>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1257">
<style type="text/css">
body {
font: normal 100% Helvetica, Arial, sans-serif;
color: black; background-color: #ffffe0;
}
ul#AA {
width: 10em;
margin: 10; padding-right :25em;\
border: 1px solid black;
background-color:
}
* html ul#AA {
width: 10em;
padding-left: 0;
padding-left: 0.8em;
}
ul#AA li {
list-style: none;
margin: 0.4em; padding: 0;
background-color: #cc0077
}
ul#AA lu ul {
margin: 0 0 0 1em; padding: 0;
}
ul#AA lu ul li {
margin: 0.1em 0;
}
*html ul#aa li ul li {
margin-center: 1em;
margin-center: 0;
}
ul#AA a {
display:block;
padding: 0.2em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-center-color: white; border-center-color: white;
color: maroon; background-color: #a9a9a9;
}
*html ul#AA a {
width: 100%;
width: 7.8em;
}
ul#AA a:hover {
border-color: white;
border-left-color: black; border-top-color: black;
color: white; background-color: gray;
}
</style>
</head>
<body>
<h2 id="Piemeri">Lapa 1</a>
<ul id="AA">
<li><a href="#Piemers5">Lapa1</a></li>
<ul>
<li><a href="#Piemers6">Lapa1a</a></li>
<li><a href="#Piemers7">Lapa1b</a></li>
<li><a href="#Piemers8">Lapa1c</a></li>
</ul>
</li>
<li><a href="#Piemers9">Lapa2</a></li>
<ul>
<li><a href="#Piemers10">Lapa2a</a></li>
<li><a href="#Piemers11">Lapa2b</a></li>
<li><a href="#Piemers12">Lapa2c</a></li>
</ul
</li>
<li><a href="#Piemers13">Lapa3</a></li>
<ul>
<li><a href="#Piemers14">Lapa3a</a></li>
<li><a href="#Piemers15">Lapa3b</a></li>
<li><a href="#Piemers16">Lapa3c</a></li>
</lu
</li>
</ul>
</body></html>
</center>