Gunnar Bittersmann: Ausrichtung von Radiobuttons bei Textskalierung

Beitrag lesen

@@Gunnar Bittersmann:

* Ob die Zuordnung von Radiobuttons und Labels zu Tabellenspalten und damit die Verwendung einer Tabelle semantisch korrekt ist, darüber darf gestritten werden.

In vernünftigen Browsern ist natürlich vernünftiges Markup möglich:

<ul>  
  <li>  
    <input type="radio" name="button" value="button1" id="button1" />  
    <label for="button1">Text Text Text</label>  
  </li>  
</ul>

Stylesheet:

ul  
{  
 list-style: none;  
 display: table;  
}  
  
li  
{  
 display: table-row;  
}  
  
input  
{  
 display: table-cell;  
 vertical-align: middle;  
}  
  
label  
{  
 display: table-cell;  
}

Live long and prosper,
Gunnar

--
„Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)