Rand bei <button>

spirou

Hallihallo,

ich hab in einem Formular einen Klickbutton mit <button ...><img src=...></button> kreiert und hab jetzt das Problem daß, egal was ich mache, das Bildchen mit einem Abstand von einigen Pixeln von links und von oben verschoben dargestellt wird. In anderen Browsern stimmt die Darstellung, dort wird keinerlei Rand gezeichnet.

Das CSS für den Button setzt margin auf 0, padding hab ich auch schon probiert, border ist auch auf 0. Hilft aber alles nix. Gibt es noch eine CSS-Anweisung, die ich nicht kenne?

Ist das ein Fehler vom Firefox?

So sieht's im FF aus:
[Blockierte Grafik: http://www.mausiges.de/jpg/button_ff.jpg]

und so z.B. im Konqueror (und auch in anderen Browsern):
[Blockierte Grafik: http://www.mausiges.de/jpg/button_konq.jpg]

Hat jemand einen Tipp?

Grüßle
Spirou

Dr. Evil

Was ist mit padding? Auch auf 0?

JonHa

Hallo,

Hast du vielleicht eine Testseite, wenn möglich?

Sonst muss sich jeder, der hier helfen will, ein Beispiel selbst zusammenbasteln und das hilft evtl. garnicht und ist außerdem stark erhöhter Aufwand.

spirou

Jau, Testseite wäre http://www.mausiges.de/button_testseite.html

Edit: Der "Button" ist übrigens das kleine Kreuz

Thx
Spirou

JonHa

Ja, ich verstehe dein Problem und finde auch keine Ursache.

Aber muss es denn unbedingt ein <button> sein? In deinem Fall sollte es ein <img onclick=..."> doch auch tun oder?

Mithrandir

Verpasse dem Button doch das Bild als Hintergrund:

Code

<form action="button_testseite.html" method="post">
<center>
 <h1>Buttontest</h1>
 <button type="button" style="background:url(plus.gif); cursor: pointer; border: solid 0px; padding: 0px; margin: 0px; width: 10px; height: 10px;" value="Test" name="test" onClick="this.form.submit()">
 </button> 
</center>
</form>

spirou

Zitat von Mithrandir

Verpasse dem Button doch das Bild als Hintergrund:

Tja, das hatte ich am Anfang so, leider kehrt sich damit das Problem mehr oder weniger um. Dann sieht's nämlich auf anderen Browsern wieder schlecht aus...IE is OK, Konqueror ist ganz fürchterlich.

Wer hilft mir, nen Bugreport zu schreiben?

Grüßle
Spirou

Mithrandir

Komisch - dann hat an der Stelle aber der Konqueror eine Macke. Also 2 Bugreports.

spirou

Kommando zurück - padding:0px sorgt dafür, daß die Hintergrundbild-Methode auch beim Konqueror korrekt aussieht. Diese Kombination hatte ich vorher wohl noch nicht.

Damit ist zwar mein Problem gelöst, dennoch besteht da an sich wohl ein Problem beim Firefox.

Danke für die Tipps
Spirou