Nachdem ich aufgefordert worden bin keine Doppelpostings zu machen, nun dies:
Hallo,
ich versuche es nun zum 2. Mal mit beiliegendem Code.
Ergebnis ist nun, sobald ich im HTML anfange, echte Links zu setzen, ist der aktive Menupunkt nicht mehr hinterlegt.
Beim Klick auf Link2-10 klappt es, aber bei Klick auf Home ist Home nicht hinterlegt. Wie bekomme ich das jetzt noch hin?
menu.css
<style type="text/css">
#vertmenu {
font: arial;
font-size: 12px;
width: 180px;
padding: 0px;
margin: 0px;
}
#vertmenu h1 {
display: block;
background-color: #CCCCCC;
margin: 0px;
width: 180px;
}
#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li a {
font: 12px arial;
display: block;
border-bottom: solid 1px #CCCCCC;
padding: 5px 0px 2px 20px;
text-decoration: none;
color: #000000;
width: 180px;
text-align: left;
white-space: normal;
}
#vertmenu ul li a:hover {
color: #E20074;
background-color: #CCCCCC;
}
#vertmenu ul li a:focus {
color: #FFFFFF;
background-color: #000000;
border-bottom: solid 1px #000000;
}
</style>
index.html
[code lang=html]
<div id="vertmenu" align="right">
<div align="right" style="width:180px; height:10px;"></div>
<ul>
<li><a href="index.html" tabindex="1">Home</a></li>
<li><a href="#.html" tabindex="2">link2</a></li>
<li><a href="#.html" tabindex="3">link3</a></li>
<li><a href="#.html" tabindex="4">link4</a></li>
<li><a href="#.html" tabindex="5">link5</a></li>
<li><a href="#.html" tabindex="6">link6</a></li>
<li><a href="#.html" tabindex="7">link7</a></li>
<li><a href="#.html" tabindex="8">link8</a></li>
<li><a href="#.html" tabindex="9">link9</a></li>
<li><a href="#.html" tabindex="10">link10</a></li>
</ul>
</div>