Formular Button mit CSS
Hi
ich habe auf einer meiner Seiten jetzt als Navigation Buttons eingesetzt, die ich mit CSS formatiere
das sieht wie folgt aus:
der Quellcode dazu ist:
der CSS code dafür sieht so aus:
Wie kann ich meine Formularbuttons geanuso aussehen lassen?
ich habe auf einer meiner Seiten jetzt als Navigation Buttons eingesetzt, die ich mit CSS formatiere
das sieht wie folgt aus:
der Quellcode dazu ist:
<div class="clear"><a class="button" href="startseite.php" onclick="this.blur(); return true;"><span>Home</span></a></div>
der CSS code dafür sieht so aus:
.clear {
overflow: hidden;
width: 100%;
}
a.button {
background: transparent url(bg_button_a.gif) no-repeat top right;
font: normal 12px arial, sans-serif;
color: #666!important;
display: block;
float: left;
height: 24px;
margin-right: 6px;
padding-right: 18px;
text-decoration: none;
border-style: none
}
a.button span {
background: transparent url(bg_button_div.gif) no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button:active {
background-position: bottom right;
color: #000;
outline: none; /* die gepunktete Linie im FF abschalten */
}
a.button:active span {
background-position: bottom left;
color: #000!important;
padding: 6px 0 4px 18px; /* Text 1px nach unten verschieben */
}
a.button:hover {
text-decoration: none;
color: #000!important;
}
Wie kann ich meine Formularbuttons geanuso aussehen lassen?
Please also mark the comments that contributed to the solution of the article
Content-Key: 81687
Url: https://administrator.de/contentid/81687
Printed on: April 19, 2024 at 15:04 o'clock
2 Comments
Latest comment