Philipp Hasenfratz: Kleinere Schrift + Tabelle + Formularelemente = Pixelfehler

Beitrag lesen

Halihallo Forumer

Na, hab in der Doku leider grad nix gscheites gefunden, womit ich einen gewissen Effekt unterdrücken kann:

Ich habe eine kleinere Schrift (12px, Arial), wenn ich dann eine Tabelle aufbaue mit zwei Zellen, links nur Schrift und rechts Schrift mit Formularfeld (radios im Bsp), dann bekomme ich einen kleinen "Pixelfehler", d. h. die Texte+Radios in der rechten Spalte werden ein klein wenig nach unten gerückt (so ca. 3-5px). Verursacht wird dies durch das Formularelement, welches die Grundlinie ändert. Wie kann ich diesen Effekt des Formularelementes verhindern?

Hier ein kleiner, nicht validierter ('tschuldigung) Code:

<html>
   <head>
      <style>
          .body {  font-family: Arial, sans-serif; font-size: 12px }
      </style>
   </head>
   <table>
      <tr>
      <td class="body" valign="top">Popups___
      </td>
      <td class="body">
         <input type="radio"> test1<br />
         <input type="radio"> test2<br />
      </td>
      </tr>

<tr>
      <td valign="top" class="body">Normals___
      </td>
      <td class="body">
         <input type="radio"> test3<br />
         <input type="radio"> test3<br />
      </td>
      </tr>
   </table>
</html>

Viele Grüsse

Philipp
   <-- der sich erschwerend zu Programmierproblemen auch noch mit "Pixelfehlern" auseinandersetzen muss (aber was tut man nicht alles, um eine schöne Website zu erstellen???)