Die horizontale forms

Gisteren kwam Chris op de proppen met zijn methode om horizontale forms semantisch voor te stellen. Knap werk. Het enige "probleem" dat ik er mee heb is dat je een vaste hoogte moet opgeven voor de parent elements. Chris heeft in ieder geval het wijze besluit genomen om dit met behulp van de relatieve em eenheid te doen zodat de hoogte meeschaalt met de grootte van het lettertype. Maar ik wil het iets anders doen.

Ik heb een kleine demo online geplaatst die laat zien hoe je ervoor kan zorgen dat je en semantisch correcte code gebruikt om dit type forms voor te stellen, en de textfields aan de onderkant kan laten kleven zonder een hoogte voor het parent element te moeten opgeven. De demo werkt momenteel - voor zover ik weet - enkel in Internet Explorer 6, Firefox 1.5 en Opera 8.5. Er is dus nog werk aan.

De basis van de techniek komt er op neer dat je de textfields absolute gaat positioneren ten op zichte van hun relatief gepositioneerde parent.

Dit artikel werd opgenomen in webdesign.