Bernd: 3D Buttons mit CSS

Beitrag lesen

SELF-Forum

3D Buttons mit CSS

Bernd
– Informationen zu den Bewertungsregeln

Hi!

Ich habe versucht mit CSS ein 3D-Menü zu bauen, aber leider funktioniert nur im Firefox das active-Element nicht. Enthält mein Code einen Fehler?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><style type="text/css"><!--
body { background-color:#F6F6C6; }

a.button {
display:block;
width:150px;
font-weight:bold;
text-decoration:none;
}

a:link.button {
padding:4px;
color:#000000;
background-color:#E6E660;
border-top:1px solid white;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:1px solid white;
}

a:visited.button {
padding:4px;
color:#6D6C10;
background-color:#E6E660;
border-top:1px solid white;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:1px solid white;
}

a:hover.button {
padding: 6px 2px 2px 6px;
color: #000000;
background-color: #B9B81D;
border-top: 1px solid black;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-left: 1px solid black;
}

a:active.button {
padding: 6px 2px 2px 6px;
color: white;
background-color: #828214;
border-top: 1px solid black;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-left: 1px solid black;
}

a:focus.button {
padding: 6px 2px 2px 6px;
color: #000000;
background-color: #B9B81D;
border-top: 1px solid black;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-left: 1px solid black;
}
--></style><title>:TEST:</title></head><body>
<p><a href="home.htm" class="button">HOME</a></p>
<p><a href="lnks.htm" class="button">LINKS</a></p>
<p><a href="mail.htm" class="button">EMAIL</a></p>
</body></html>

Beitrag melden
–
Informationen zu den Bewertungsregeln