-- et andet brugbart alternativ er brugen af labels:
<label style="display:block;width:35px;float:left;">Tlf: </label>xx xx xx xx<br> <label style="display:block;width:35px;float:left;">Fax: </label>xx xx xx xx<br>
-- som det fremgår skal man dog lave 'ting' ved det, og det samme kunne laves med f.eks. et div-tag !-)
-- men som olebole skriver, så er det jo uligt meget nemmere at skrive det i en tabel, så bliver det ovenikøbet fuldt dynamisk, du får præcis den pæneste opstilling uanset indhold, med andre elementer skal du måske tilpasse bare du ændrer en smule på siden !-)
- og så er tabellen præcis det element, W3C anbefaler til opgaven. At der så er en masse tabel-o-fober 'derude', som nærmest 'religiøst' afsværger brug af tabeller, er en helt anden ting.
De ynder at skrive artikler for hinanden og bekræfte hinanden i den fælles tilstand. Desværre er der også en masse sagesløse begyndere, som ikke ved bedre, men derimod tror, disse tabel-o-fober har fat i en pointe. Det eneste, de i virkeligheden har fat i, er en total misforståelse af W3C's rekomanationer =)
God kodestil er at bruge det bedste element til opgaven - og dermed også det, som er beregnet til opgaven. Dårlig kodestil er at gøre det modsatte, fordi man tager ved lære af inkompetente 'artikelsmørere' ;o)
PS: Der er intet, som tyder på, tabellen skulle være på vej ud af standarderne. De vil således helt sikkert stadig være en del af XHTML 2.0 ... og formodentlig også XHTML 3.0 - og 4.0 - og 5.0 - og ... =)
Det giver absolut ikke semantisk - eller anden - mening at opstille tabulære data i div. Det svarer til ikke at ville drikke vand, fordi man kan drukne i det ;o)
Men du har formodentlig misforstået W3C i forhold til tabeller på samme måde, som du har i forhold til markup standarder. Ellers ville du nok ikke skrive XHTML 1.0 Transitional - som i bedste fald bliver tolket som HTML-sovs i alle tilgængelige og fremtidige browsere. Den XHTML flavour er ikke andet end lettere sminket HTML 3.2.
Et godt råd: Læs W3C i stedet for artikler på WWW ;o)
- hvordan skulle søgemaskiner, blindes højtlæsere o.a. ikke-browser klienter bære sig ad med at se, linjerne i dine div hænger sammen? Du lægger voldsomme hindringer i vejen for bl.a. blinde og svagtseendes tilgang til dine websider med rigtig dårlig kodestil.
Endnu et godt råd: Tal om din tabel-o-fobi. Så er der håb for 'helbredelse' ;o)
PS: Du bør helt klart undgå de store tabelhelveder, holdt på plads af hundredevis af transparente giffer, som var det eneste layoutværktøj, vi havde op gennem 90'erne. De var ikke bare et helvede at holde styr på (man lærte at sætte borders og nogle gange også baggrundsfarver på alle tabeller i designfasen), men de var også et helvede for browsere og andre klienter at håndter. Ikke mindst, da der jo ikke var logik i forholdet mellem indhold og tabeller - kun i visuel henseende.
Til gengæld bør du helt klart bruge en tabel til indhold, der skal læses som rækker, der er delt op i søjler. Det giver langt mere logik i koden ;o)
I XUL - som er et moderne, XML baseret sprog, Mozilla har udviklet til brug i Firefox - har man da også til grid-visning valgt nøjagtig samme kodestruktur som HTML's tabel: http://developer.mozilla.org/en/XUL/grid
-- og bemærkningen, jeg glemte i mit indlæg om labels, var, at det faktisk er en helt logisk tilgang i formularer, omend de skal twistes, da de jo er inline-elementer !-)
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
Ny bruger
Nybegynder
Opret
Preview
