Problem mit Abständen zwischen Formular-Buttons

[joerg]

N'abend,
Ich habe ein Problem mit unerwünschen Abständen zwischen grafischen Buttons.

Die Buttons sind in einer Tabelle angeordnet;
Hier kann man sich das ganze mal anschauen:

http://www.digitales-lichtbild.de/new/test.html

Die CSS-Formatierung sieht wie folgt aus:

/* TEXT BUTTONS */

table.textbuttons {
           border-width:0px;
           border-collapse:collapse;
           table-layout:auto;
           margin-bottom:10px;
           margin-top:10px;
           margin-left:auto;
           margin-right:auto;
  }
    td.textbuttons1 {
           padding-left:0px;
           padding-right:0px;
           padding-top:0px;
           padding-bottom:0px;
           margin:0px;
  }
    td.textbuttons2 {
           padding-left:0px;
           padding-right:15px;
           padding-top:0px;
           padding-bottom:0px;
           margin:0px;
  }
    button.textbuttons1 { /* Die Buttons auf der linken Seite */
           padding:0px;
           margin:0px;
           border:0px;
           color:#EDEDFB;
           background-color:#EDEDFB;
  }
    button.textbuttons2 {  /* Die breiteren Buttons rechts */
           padding:0px;
           margin:0px;
           border:0px;
           color:#EDEDFB;
           background-color:#EDEDFB;
  }

Warum also dieser störende Abstand (der im Mozilla noch etwas größer ist als im IE)?

MfG,
Jörg

[Michael]

Hallo Jörg,

leider kann ich Dir nicht 100%ig weiterhelfen, da ich die genaue Ursache auch noch nicht gefunden habe. Aus irgendeinem Grund scheinen die Bilder in den Button-Elementen automatisch eingerückt zu sein. Ich habe zumindest kein padding oder margin gefunden, das darauf einfluss nimmt.
Eine nicht ganz so saubere Lösung für das Problem wäre ein negativer margin für die Bilder im Button:
also in CSS:
button img {
padding:0;
margin:-4px;
}

Ich weis zwar nicht, was Du vorhast, aber vielleicht findest Du bei http://tinymce.moxiecode.com etwas, das Dir viel Arbeit erspart ;-)

Viele Grüße

Michael