Hallo zusammen
Ich habe mir erlaubt das Problem separat nochmals als neuen Beitrag zu posten
Ich möchte gerne für einen Link einen schönen Button erstellen(nicht erschrecken, wenn ihr jetzt den Link anschaut). Das Problem ist, dass der hovereffect nicht erscheint. Der link wird mit der CSS Definition von ...a.privat:link... angezeigt, hingegen wird die ...:hover... Definition nicht aktiviert.
Ausserdem habe ich neben dem Link ein Aufzählbutton (wegen <li>...</li>) Kann man das irgendwie entfernen?
Folgende Seite ist damit gemeint:
www.peachproduction.ch
Unten nochmals der html bzw CSS code gemeinsam:
Code:
<div class="home">
<ul class="privat">
<li>
<a href="events" class="privat">Privatanlässe</a>
</li>
</ul>
</div>
Dazu habe ich folgenden CSS Code
Code:
#main ul.privat li a.privat:link,#main ul.privat li a.privat:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-background-origin:content;
border-right:0px solid #666666;
font-weight:bold;
line-height:1.5em;
padding:5px 20px;
background:#2736f8;
color:#000000;
}
und
Code:
#main ul.privat li a.privat:hover,#main ul.privat li a.privat:activ, #main ul.privat li a.privat:focus {
background:#00006B;
color:#000;
}
Ich danke vielmals um eure Hilfe
Grüsse
Peter
