nicht angemeldet
Kleinere Schrift + Tabelle + Formularelemente = Pixelfehler
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???)
-
Hi,
vielleicht hilft es ja das form-Tag außerhalb des table-Tag zu plazieren.
MfG
Jens
-
Halihallo Jens
vielleicht hilft es ja das form-Tag außerhalb des table-Tag zu plazieren.
Leider ist dem bereits so. Es hängt leider nicht mit dem Form-Element zusammen. Es muss irgendein "per standard gesetztes" CSS-Attribut von <input type="radio"> sein, was die Grundlinie "zerstört". Ich finde einfach nicht heraus, welches.
Zudem wäre vielleicht noch wichtig zu wissen, dass, wenn ich die "Standardschrift" verwende (nicht Arial, 12pt), es genau richtig erscheint.Viele Grüsse und Danke
Philipp
-