hab da grad so einen Gedanken:
Du kannst das transparente png als Hintergrund für Deine a bzw. span tags verwenden.
wenn Du Dein Menu Template ein wenig anpasst, so dass in etwa so ein markup ensteht:
HTML-Code:
<ul>
<li><a id="nav_1">xxx</a></li>
<li><a id="nav_2">xxx</a></li>
<li><a id="nav_3">xxx</a></li>
<li><a id="nav_4">xxx</a></li>
<li><a id="nav_5">xxx</a></li>
</ul>
das CSS dazu wäre dann z.B.
Code:
a:link,
a:visited,
span {
display: block;
width: 100px;
padding: 80px 0 10px 0;
text-align:center
background: url(bogen.png) no-repeat #ddd;
}
a:hover,
a:active,
a:focus,
span.active {
background-color: #eee;
}
a#nav_2 { background-position: -100px 0; }
a#nav_3 { background-position: -200px 0; }
a#nav_4 { background-position: -300px 0; }
a#nav_5 { background-position: -400px 0; }
Lesezeichen