Kan en få input-bokser pent plassert uten å bruke tabeller? Vel, kanskje og her er noen spede forsøk. All css-koding ligger i toppen av dette html-dokument, så vis koden og du ser magien som ligger bak.
Bruker position på input-boksene for å få de plassert på et gitt sted på linjen. Et klart aber er å finne riktige bredde for at det skal bli fint. Degraderer ganske bra, men har foreløpig noen problemer med linjehøyde.
Her settes dt til å være en float:left, for å dra title og description opp på samme nivå. Har en soleklar fordel at den degraderer bra til gamle browsere siden dl-lister ikke er så langt fra det etterlengtede målet.
Har samme bredde-problematikk som den første løsningen. Men er kanskje litt mer fleksibel siden en kan tvinge dt til å wrappe hvis teksten blir for lang...
Etter eksempel fra nyhetsgruppen er det definert aliases for div.skjema, div og span til henholdsvis: table, tr og td. Med andre ord så er det en faktisk tabell, men uten å bruke tabell-koding... Er det egentlig bedre enn å bruke en tabell, som alle browsere skjønner?
Men det er interessant sånn rent konseptuelt for å vise hva som er mulig med css, og kanskje noen liker denne løsning bedre enn andre?
Arve Bersvendsen foreslår å bruke elementet label som skal være laget for formålet, og foreslår å sette bredden på label'en lik lengden på den lengste ledeteksten delt på to, pluss en just in case. Han har pakket det inn i ett avsnitt, men det vil vel gjerne kunne være en form i et faktisk eksempel.
Jeg har ikke noen konklusjon. I hvert fall ikke ennå. Alle løsningene har sine fordeler og ulemper. Heller kanskje litt i retning av bruk av dl-lister, men liker ikke å måtte oppgi bredden.
Arve B. har et meget godt poeng når det gjelder bruk av label. Mitt eneste spørsmål nå er fra hvilken versjon det kom, men det skal jeg finne ut når jeg bare har litt bedre tid... ;)