CSS i stedet for tables

Hey

Star her

http://www.html.dk/tutorials/css/

Den vil fortælle dig grundlæggende om CSS :)


Good Luck

<ole>

Du kan ikke bruge CSS i stedet for tabler. CSS er et styling sprog, som ikke indeholder HTML-elementer, men som du kan bruge til at style alle renderbare HTML-elementer - herunder tabeller.

Du kan derimod bruge andre elementer end tabeller til dit layout og style dem med CSS - hvilket er noget helt andet  ;o)

Du kan ikke bare få en kode, der kan 'oversætte' en tabel til andre elementer. En 'oversættelse' afviger fra gang til gang.

Du er nødt til at lære CSS fra grunden - og det lærer du absolut ikke på html.dk. Det site er herostratisk berømt for at bugne af seriøse fejl, mangler og misforståelser. Hullerne mellem deres fejl er få og ganske små ... sitet hører helt klart til blandt de allerdårligste!  :o|

Køb i stedet en god bog om emnet - selvom det også kan være svært at finde. Tjek evt. http://oreilly.com/ - som er kendt for et meget højt niveau.

/mvh
</bole>

Alternativt kan du:


<table class="tabel">
<tr class="tabeltr">
<td>g</td>
<td>fg</td>
</tr>
<tr class="tabeltr">
<td>fg</td>
<td>fg</td>
</tr>
</table>

i din css fil skriver du så
tr.tabeltr { background-color: white; }
table.tabel { background-color: black; padding:1px; border:0px; }

HTML.dk's css sektion fortæller mig i hvert fald ikke noget nyt som jeg ikke ved. Den har jeg læst flere gange igennem for lang tid siden.

Men forestil jer at I skulle stille noget op på jeres hjemmeside i ovennævnte 4 bokse. Hvordan ville I så løse det konkrete problem? Jeg tror at jeg vil lære meget ved at se nogle eksempler.

Hvis jeg skulle lave det i css, så ville jeg gøre noget ala:

<div style="width: 100px; float: left;">gf</div>
<div style="width: 100px; float: left;">fgfg</div>
<div style="clear: both;"></div>
<div style="width: 100px; float: left;">gf</div>
<div style="width: 100px; float: left;">fgfg</div>
<div style="clear: both;"></div>


Er det en helt forkert løsning?

hmm.. der blir noget skrammel kode med alle de <div>
<table>
<tr>
<td>1</td>2<td>3</td><td>4</td><td>5</td><td>6</td>
</tr>
<tr>
<td>1</td>2<td>3</td><td>4</td><td>5</td><td>6</td>
</tr>
</table>



imod:


<div class="1">1</div>
<div class="2">2</div>
<div class="1">3</div>
<div class="2">4</div>
<div class="1">5</div>
<div class="2">6</div>
<div class="1">1</div>
<div class="2">2</div>
<div class="1">3</div>
<div class="2">4</div>
<div class="1">5</div>
<div class="2">6</div>

imod:

300.000 kilometer style kode i hver div du laver..

held og lykke med W3C..

Du kan godt bruge modellen fra #4 - det kommer an på, hvad du skal bruge det til og hvordan.

Du kan ikke umiddelbart synkronisere søjler og rækker med div, som du kan det med tabeller. Hvis du skal opstille noget som tabuleret - dvs. i synkroniserede rækker og søjler - er tabellen det rigtig element at bruge.

Skal du blot layoute din side, bør du glemme alt om, hvad du kan med tabeller. Du skal begynde helt forfra med helt frisk hovede  =)

Han kunne også vælge at gå hertil

http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-21-fixed-fixed/

her får man dem alle serveret ;)