Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 28.03.2007, 15:01
Benutzerbild von darolla
darolla darolla ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.03.2007
Ort: Dortmund
Beiträge: 5
darolla befindet sich auf einem aufstrebenden Ast
Standard FF Problem: button mit image

hallo,

ich verzweifle gerade an einer sache.

ich will einen button mit einem image darin haben, aber nicht per background-image.

Code:
CSS:
#resetbutton {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 87px;
    height: 17px;
}

HTML:
<div id="resetbutton"> 						
    <button type="button">
        <img src="reset.gif" width="87" height="17"/>			
    </button>							
</div>
gut, jetzt habe ich links oben einen button in hässlichen grau und 3d feeling, und mittig dazu das bild.

per border: none; bekomm ich den grauen 3d look weg, mit width und height passe ich den button genau auf die bildgrösse an.

in IE6 und IE7 siehts gut aus, in FF und Opera gibts links einen grauen rand. per margin und padding bekomm ich für opera den grauen rand links weg, aber im FF bleibts so.

Code:
#resetbutton button {
    border: none;
    width: 87px;
    height: 17px;							
    margin: 0px;
    padding: 0px;							
}
auch ist im FF das klick gefühl nicht da, also dass der button ein paar pixel nach rechtsunten wandert während ich die linke mouse gedrückt halte.

ist das ein FF bug? weiss jemand eine lösung dafür?

liebe grüße
marco
Mit Zitat antworten
Sponsored Links