Ich habe da ein ehre vernachlässigbares Problem mit der Formatierung von Buttons.
Im Grunde werden die Buttons schon ganz gut in fast allen (von mir getesteten
) Browsern angezeigt. Der Opera (7.23 ger) macht die meisten Probleme.
Der Button sieht so aus:
Code:
<div class="left">
<input
class="bg-menue farbe-2 font-10 knopfmenue"
type="submit"
name="beispiel"
value=":: Login absenden" />
</div>
Die entsprechenden CSS Teile so:
Code:
input.knopfmenue {
border:0px none;
cursor:pointer;
text-align:left;
width:110px;
padding:0px;
margin:0px;
overflow:hidden;
white-space:nowrap;
}
input.knopfmenue:hover {
background-color:#393852;
color:lime;
}
.font-10 {
font-size:10px;
}
.farbe-2 {
color:#F2F2F2;
}
.bg-menue {
background-color:#737380;
}
Der IE6 bring das beste Ergebnis. Leider funktioniert der Hover-Effekt dort nicht. (Vielleicht in der 7.0
)
Der NN7.1 und der Mozilla1.7 versetzt die Schrift etwas nach rechts. Sonst sieht es aber O.K. aus.
Der Opera7.23 ignoriert dagegen eine ganze Menge.
Der Rahmen geht nicht weg und der Mauszeiger wandelt sich nicht um. (Laut css4you soll es ab der Ver. 7 gehen).
Findet könnt ihr die Buttons unter
www.daddlers-paradise.de oben rechts beim Login.
Weis jemand Rat?