Ja, zoals aaajeetee het uitlegd kan dat prima.
Je kunt ook onderste gebruiken, dan kun je alles aanpassen en het doet het altijd.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>css menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu a {
display: block;
width: 9em;
height: 1.5em;
font-family: verdana,helvetica,arial,sans-serif;
font-size: 70%;
font-weight: bold;
background-color: #cccc66;
text-align: center;
color: #000;
text-decoration: none;
margin: 2px 0;
}
.menu a:link, .menu a:visited {
border-top: 1px solid #cecece;
border-bottom: 2px solid #4a4a4a;
border-left: 1px solid #cecece;
border-right: 2px solid #4a4a4a;
}
.menu a:hover {
border-bottom: 1px solid #cecece;
border-top: 2px solid #4a4a4a;
border-right: 1px solid #cecece;
border-left: 2px solid #4a4a4a;
}
/* mentions et copyright */
.mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
a.test {text-decoration: none;
color: #222;
}
a.test:hover{text-decoration: underline;
}
-->
</style>
</head>
<body>
<ul class="menu">
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li></ul>
</body>
</html>