jörg: vertical-align bei checkbox + text

SELF-Forum

vertical-align bei checkbox + text

jörg Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,
ich habe ein Problem mit der vertikalen Ausrichtung von Text nach einer Checkbox. Ich hab schon viel ausprobiert und auch hier im Forum viel rumgesucht, aber eine Antwort habe ich leider nicht so richtig gefunden.

Der Text neben der Checkbox soll einfach mittig zur Checkbox angezeigt werden. Nicht zu weit oben und auch nicht zu weit unten.
Klappen will das aber einfach nicht.
Mit folgendem Quelltext sieht es im Firefox genau richtig aus, im IE allerdings liegt das "l" von "löschen" (s.u.) 3px über dem oberen Rand der Checkbox ...

Wie funktioniert das mit vertical-align?
Wie bekomme ich wenigstens diese beiden Browser dazu den Text vertikal genau mittig zur Checkbox anzuzeigen?

Quelltext:

<p class='loeschen'><input type='checkbox' class='checkbox2' name='loeschen' value='delete'> löschen!</p>

CSS:

p.loeschen {
         margin:0px 80px 0px 120px;
         padding:2px 0px 0px 0px;
         font-family:Verdana, Arial, Georgia, sans-serif;
         font-size:11px;
         color:#6A6D67;
         line-height:14px;
  }
  .checkbox2 {
         margin:0px;
         padding:0px;
         vertical-align:text-top;
  }

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. labels um Formularelemente

    Richard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo jörg,

    <p class='loeschen'><input type='checkbox' class='checkbox2' name='loeschen' value='delete'> löschen!</p>

    http://de.selfhtml.org/html/formulare/strukturieren.htm#label

    Beste Grüße
    Richard

    --
    ~§%+
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln