Gå til innhold

fra table til div


Anbefalte innlegg

Videoannonse
Annonse

Jeg ønsker å få gjort om noe fra table til div.

 

eks.

<table>
<tr>
 <td>Et eller annet</td>
 <td>Et eller annet</td>
 <td>noe annet her</td>
</tr>
<tr>
 <td>noe mer her</td>
 <td>noe mer her</td>
 <td>noe mer her</td>
</tr>
</table>

 

Hvordan dette hadde sett ut ved hjelp av en div tag er det jeg lurer på.

Lenke til kommentar

(X)HTML:

<div class="rundt">
<div class="left">Et eller annet</div>
<div class="left">Et eller annet</div>
<div class="left">Et eller annet</div>
</div>

<div class="rundt">
<div class="left">noe mer her</div>
<div class="left">noe mer her</div>
<div class="left">noe mer her</div>
</div>

 

 

CSS:

.rundt {
width: 100%;
}
.left {
float: left;
}

 

Les mer på HTMLDog :)

Lenke til kommentar
Jeg ønsker å få gjort om noe fra table til div.

 

eks.

<table>
<tr>
  <td>Et eller annet</td>
  <td>Et eller annet</td>
  <td>noe annet her</td>
</tr>
<tr>
  <td>noe mer her</td>
  <td>noe mer her</td>
  <td>noe mer her</td>
</tr>
</table>

 

Hvordan dette hadde sett ut ved hjelp av en div tag er det jeg lurer på.

8982056[/snapback]

 

En tabell er ment for tabulære data. En div er ment for å dele opp forskjellige sekjsoner på siden og for å styre layout.

 

Hvis tabellen du har er brukt for å lage layout så bør du vurdere å gå over til div.

 

Hvis tabellen inneholder en tabell med data (sånn som det ser ut i eksempelet ditt) så bør det forbli en tabell.

 

 

MVH

 

Terje.

Lenke til kommentar

Det er for å lage layout ja, derfor lurer jeg på hvordan ting hadde sett ut i forhold til en tabell.

Med det eksempelet tenkte jeg ikke på hvordan strukturen på det var. Det jeg lurer på er hvordan en kan lage et layout ved hjelp av div tag'en istedenfor å legge det inn i en tabell.

 

Jeg kan legge med et mer utfyllende eksempel på det jeg prøver å oppnå.

 

<table>
<tr>
<td colspan="3">En header her</td>
</tr>
<tr>
<td>En meny her</td>
<td>Innhold her</td>
<td>Enda en meny her</td>
</tr>
<tr>
<td colspan="3">Footer her</td>
</tr>
</table>

Endret av KiLLerZ
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...