Mach´s mit CSS. Ich hab´Dir eben mal was zusammengestellt. Du kannst es natürlich noch nach Deinen Bedürfnissen anpassen.
CSS:
PHP-Code:
<style type="text/css">
/* <![CDATA[ */
body { font: 80% Verdana, Arial, Helvetica, sans-serif; }
#navi {
width: 10em;
padding: 0;
}
#navi ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#navi li {
margin: 0 0 1px 0;
}
#navi li a:link, #navi li a:visited {
display: block;
text-decoration: none;
font-weight: bold;
padding: 3px 3px 3px 0.5em;
border-left: 12px solid #254b98;
background-color: #a8bade;
color: #FFFFFF;
}
#navi li a:hover, #navi li a:active, #navi li a:focus {
border-left: 12px solid #254b98;
background-color: #2265eb;
color: #FFFFFF;
}
/* ]]> */
</style>
HTML
PHP-Code:
<div id="navi">
<ul>
<li><a href="#">Startseite </a></li>
<li><a href="#">Reflektoren </a></li>
<li><a href="#">Allgemeines </a></li>
<li><a href="#">T5 Adapter </a></li>
<li><a href="#">Mitbewerber </a></li>
<li><a href="#">Projekte </a></li>
<li><a href="#">Mobiles Licht </a></li>
<li><a href="#">u.s.w.</a></li>
</ul>
</div>
Grüße
Michael