Button Element formatieren?

[Pierre]

Hallo

Habe eine Frage, die zu einem weiter untenstehenden Post gehört, möchte sie aber gerne als neuen Thread eröffnen. Der lange Rede kurzer Sinn:

Wer schaffts, beim Button-Element im Formular diese hässlichen Ränder und Hintergründe drumherum wegzubringen?

Das ganze ist zum Verzweifeln. Habe nun alles probiert, was mir eingefallen ist. Border auf 0, Background weg, Padding auf 0. Nützt alles nichts. Irgendwas verschiebt den Button immer noch ein paar Pixel und ich würde gerne wissen woher das kommt. Gibt es noch eine CSS Deklaration die diese Buttoneffekte erzeugt? Wenn ja, wie heisst das Ding und wie kann ich es deaktivieren?

Hier ist ein Müsterchen, mit den diversesten Varianten, wie oben beschrieben:
Formulartest

Freu mich auf alle Hinweise, damit ich in Zukunft meine Search-Elemente schön gestalten kann.

Finkenmann

[Beat]

Manchmal sieht man vor lauter Umbruch den Whitespace nicht mehr!
Und du hörst auf, Doppelpostings zu deponieren.

mfg Beat

[Pierre]

Ist dein schlauer Spruch mit den Umbrüchen eine Antwort auf meine Frage? Und unter Doppelpost verstehe ich was anderes. Hatte auf mein letztes Post eine Lösung gefunden und den Post somit auch abgeschlossen. Hier stelle ich nun nochmal eine ganz präzise Frage um ein ganz spezielles Problem, welches mir zimelich wichtig ist und ich den ganzen anderen Bremborium aus dem letzten Post extra weggelassen habe.

[Beat]

Ist dein schlauer Spruch mit den Umbrüchen eine Antwort auf meine Frage?

Nein, eine zu schnelle Antwort.

Und unter Doppelpost verstehe ich was anderes. Hatte auf mein letztes Post eine Lösung gefunden und den Post somit auch abgeschlossen.

Nein, dein Formularproblem ist nicht abgeschlossen.

Hier stelle ich nun nochmal eine ganz präzise Frage um ein ganz spezielles Problem, welches mir zimelich wichtig ist und ich den ganzen anderen Bremborium aus dem letzten Post extra weggelassen habe.

Dein Problem scheint nicht lösbar, weil du bestimmte Browservorgaben für Formularelemente nur begrenzt überschreiben kannst.
Für Browser spielt es anscheinend keine rolle, ob du ein <button> oder ein <input> nimmst. Sie stellen ein vorvormatiertes Element zur Verfügung, wobei nicht alle Eigenschaften verfügbar sind, obwohl sie es im Falle eines <button> Elements sollten.

Hier siehst du die HTML Transitional Variante

<form action="">
<fieldset>
 <legend>Ohne Padding und Background (1px weisser Border)</legend>

<input type="text"
        ><button
        style="margin:0px; padding:0px; border:0px; background-color:#f00; width:23px; height:23px;"
        type="submit"
        name="suchen"
        value="suchen"
        ><img
        src="abd.gif" alt=""
        style="display:block; background-color:#00f; border:0px; margin:0px; padding:0px; width:23px; height:23px;"
        ></button>
</fieldset>
</form>

Tragisch, aber es bleibt ein Rand, obwohl ich float und block eingesetzt habe.

mfg Beat