---

Sideopbygning med tabeller er ikke så populært herinde - sikkert
med en god begrundelse (jeg kan ikke huske om jeg har set en sådan
- send gerne et link).

Jeg vil gerne følge de anbefalede standarder - der hvis jeg husker
korrekt er at benytte div i stedet for tabeller - men jeg er lidt i
tvivl om hvordan det skal gøres.

Pt står jeg med en ganske almindelig formside, hvor der er en række
inputfelter og en række tekster der forklarer disse inputfelter.
Jeg vil gerne have tekster og inputfelter stående som 2 kolonner,
hvor venstresiden af alle inputfelter flugter pænt. Det er let at
gøre med tabeller:

<table>
<tr><td>Navn:</td><td><input....></td></tr>
.....

- men hvordan gør jeg det uden? Og skal (bør) man i det hele taget
undgå tabeller i sådan et tilfælde?

Jeg kan lægge alle tekststumperne ind i et floatet blokelement, som
jeg så kontrollerer størrelsen på via css - men det virker noget
mere besværligt end tabellen der jo tilpasser sig det bredeste
element automatisk.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

"Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
news:Xns93069E9CFF41Ejcdmfdk@gyrosmod.dtext.news.tele.dk...
> Sideopbygning med tabeller er ikke så populært herinde - sikkert
> med en god begrundelse (jeg kan ikke huske om jeg har set en sådan
> - send gerne et link).

Jeg sad lige og lavede en hjemmeside igår og på den er der ingen tabeller
overhovedet, og den validerer både i CSS og XHTML1.1 så det kan fint lade
sig gøre:
http://www.mip.sdu.dk/~stampe/

> Jeg vil gerne have tekster og inputfelter stående som 2 kolonner,
> hvor venstresiden af alle inputfelter flugter pænt. Det er let at
> gøre med tabeller:
>
> <table>
> <tr><td>Navn:</td><td><input....></td></tr>
> ....

du kan evt. bruge følgende css:
<style type="text/css">
<!--
#tekst {
float:left;
width:50%;
text-align:right;
}
#input {
float:left;
width:50%;
}
-->
</style>

og så skrive:
<div style="width:50%;">
<div id="tekst">Navn:</div><div id="input"><input name="navn"
type="text" /></div>
<div id="tekst">Email:</div><div id="input"><input name="email"
type="text" /></div>
<div id="tekst">Hjemmeside:</div><div id="input"><input
name="hjemmeside" type="text" /></div>
</div>

/Jasm

---

Jasm skrev:

> Jeg sad lige og lavede en hjemmeside igår og på den er der
> ingen tabeller overhovedet, og den validerer både i CSS og
> XHTML1.1 så det kan fint lade sig gøre:

Det var jeg nu ikke i tvivl om ;).


> du kan evt. bruge følgende css:
> <style type="text/css">
> <!--
> #tekst {
> float:left;
> width:50%;
> text-align:right;
> }

Det virker udmærket - men jeg skal selv tjekke at der er plads til
min tekst. Med en tabelløsning klares det automatisk. I et færdigt
sidedesign vil man måske nok alligevel styre bredder på kolonner
præcist, men her skal jeg bare have en hurtig side, hvor
inputelementerne begynder der hvor det længste tekstelement
stopper.

> <div id="tekst">Navn:</div><div id="input"><input
> name="navn"
> type="text" /></div>
> <div id="tekst">Email:</div><div id="input"><input

Så vidt jeg husker skal id-værdier vist være unikke. Men man kan
selvfølgelig opnå det samme med class.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen wrote:
> Med en tabelløsning klares det automatisk. I et færdigt
> sidedesign vil man måske nok alligevel styre bredder på kolonner
> præcist, men her skal jeg bare have en hurtig side, hvor
> inputelementerne begynder der hvor det længste tekstelement
> stopper.

Spørgsmålet ligger vel snarere i, hvor/hvornår man børe benytte sig af
tabeller - de er jo beregnet til en skematisk præsentation af data. Man
kunne vel argumentere for, at en form/ufyldningsblanket netop er data,
der kræver en skematisk præsentation?

Netop forms er en af de få undtagelser, hvor jeg ville falde tilbage på
brug af tabeller til layout, netop fordi der semantisk set er tale om
data.

> Så vidt jeg husker skal id-værdier vist være unikke. Men man kan
> selvfølgelig opnå det samme med class.

Sandt nok.

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fredgaard!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/?page=fredgaard

---

Jens Gyldenkærne Clausen wrote:
> Sideopbygning med tabeller er ikke så populært herinde - sikkert
> med en god begrundelse (jeg kan ikke huske om jeg har set en sådan
> - send gerne et link).

A List Apart har en række gode artikler om filosofien bag adskillesen af
indhold og præsentation:

<http://www.alistapart.com/stories/journey/>

og lidt om konsekvenserne mht gamle browsere:

<http://www.alistapart.com/stories/tohell/>

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fredgaard!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/?page=fredgaard

---

Jens Gyldenkærne Clausen wrote:
> Sideopbygning med tabeller er ikke så populært herinde - sikkert
> med en god begrundelse (jeg kan ikke huske om jeg har set en sådan
> - send gerne et link).

Jeg tror nok at den bla. plejer at være at man kan skille layout og
indhold ad så man principielt set kan hælde indhold i uden at skulle
overveje layout/struktur-ændringer. Form-opsætning har efter min mening
svært ved at finde sin plads i denne argumentation da det handler om
input-interface snarere end regulær præsentation...

> Jeg vil gerne følge de anbefalede standarder - der hvis jeg husker
> korrekt er at benytte div i stedet for tabeller - men jeg er lidt i
> tvivl om hvordan det skal gøres.

Det kan jeg godt forstå (idet jeg har det lidt ligesådan - dermed også
være sagt at jeg her ikke fremlægger et svar men et svarforslag ) -
egentligt mangler vi jo muligheden for at kunne sætte en tabulator

> Pt står jeg med en ganske almindelig formside, hvor der er en række
> inputfelter og en række tekster der forklarer disse inputfelter.
> Jeg vil gerne have tekster og inputfelter stående som 2 kolonner,
> hvor venstresiden af alle inputfelter flugter pænt.

det kunne jeg godt finde på at lave med div'er som hver havde en
procentdel af vinduet tildelt som bredde, men jeg kan sagtens følge dem
som har argumenteret for at det er en slags tabulære data, og i hvert
fald ikke ordinære "præsentationsdata".

mvh

Jesper Brunholm

---

Jesper Brunholm skrev:

[begrundelse for modviljen mod tabeller]
> Jeg tror nok at den bla. plejer at være at man kan skille
> layout og indhold ad så man principielt set kan hælde indhold
> i uden at skulle overveje layout/struktur-ændringer.

Lyder fornuftigt.

> - egentligt mangler vi jo muligheden for at kunne sætte en
> tabulator

Det er nemlig præcis hvad vi mangler!
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html