divs instead off tables
Ik heb een misschien hele domme vraag.
Zelf kan ik best goed CSS enkel struikel ik nog wel is over de divjes.
Maar tables, wil het gewoon NOOIT meer gebruiken.
Nu heb ik een vraagje.
Hoe doe ik dit netjes in divjes, dus hetzelfde resultaat, en waar moet ik rekening mee houden?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<tr>
<td width="30%">Titel</td>
<td width="70%">Beschrijving</td>
</tr>
<tr>
<td width="30%">Blaat</td>
<td width="70%">Blaatdieblaat</td>
</tr>
<tr>
<td width="30%">Blaat</td>
<td width="70%">Blaatdieblaat</td>
</tr>
<td width="30%">Titel</td>
<td width="70%">Beschrijving</td>
</tr>
<tr>
<td width="30%">Blaat</td>
<td width="70%">Blaatdieblaat</td>
</tr>
<tr>
<td width="30%">Blaat</td>
<td width="70%">Blaatdieblaat</td>
</tr>
Gewijzigd op 28/11/2010 14:14:07 door Tim Kampherbeek
Daarbij vraag je toch echt letterlijk "Hoe doe ik dit netjes in divjes", dus iets minder schreeuwen en beter op je vraagstelling letten.
Vertel wat je hebt en we kunnen je weer hebben.
het ligt er juist aan wat er in de tabel voor informatie staat. Als het prijzen zijn, of specificaties van iets dan kan je hiervoor prima tabellen gebruiken.
Semantisch gezien is het gewoon verantwoord....
Gewijzigd op 28/11/2010 15:17:41 door - Ariën -
Quote:
Maar tables, wil het gewoon NOOIT meer gebruiken.
Dan moet je geen specificaties van iets of prijslijsten publiceren ;-)
Quote:
@ Aar; daar geef ik je 100% gelijk in, maar volgens mij gaat het Tim hier om het punt, opmaken van de tabel.
Hij wil tabellen nooit meer gebruiken. Iets wat als onzin klinkt... :)
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<div>
<span>Titel</span>
<span>Beschrijving</span>
</div>
<div>
<span>Titel</span>
<span>Beschrijving</span>
</div>
<span>Titel</span>
<span>Beschrijving</span>
</div>
<div>
<span>Titel</span>
<span>Beschrijving</span>
</div>
nu wil ik dat die eerste span dus bijv 100px is en de tweede de rest van de div.
Nu heb ik overal al een class ingezet en geprobeert het een aantal px te geven maar haalt niks uit.
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<div class="row">
<span class="cel">Titel</span>
<span class="cel">Beschrijving</span>
</div>
<div class="row">
<span class="cel">Titel</span>
<span class="cel">Beschrijving</span>
</div>
<span class="cel">Titel</span>
<span class="cel">Beschrijving</span>
</div>
<div class="row">
<span class="cel">Titel</span>
<span class="cel">Beschrijving</span>
</div>
en dan aanroepen met:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
div.row {
breedte enzo
}
div.row span.cel {
breedte enzo
}
breedte enzo
}
div.row span.cel {
breedte enzo
}
Gewijzigd op 28/11/2010 15:59:06 door Milo S
Het gaat mij erom hoe weergeef ik dit allemaal correct, want op deze manier werkt het niet perfect.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
div.row {
width: 700px;
height: 25px;
float: left;
clear: right;
}
span.cel_small {
width: 200px;
height: 25px;
float: left;
}
span.cel_big {
width: 500px;
height: 25px;
float: left;
}
width: 700px;
height: 25px;
float: left;
clear: right;
}
span.cel_small {
width: 200px;
height: 25px;
float: left;
}
span.cel_big {
width: 500px;
height: 25px;
float: left;
}
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<div class="row">
<span class="cel_small">Titel</span>
<span class="cel_big">Beschrijving</span>
</div>
<div class="row">
<span class="cel_small">Titel</span>
<span class="cel_big">Beschrijving</span>
</div>
<span class="cel_small">Titel</span>
<span class="cel_big">Beschrijving</span>
</div>
<div class="row">
<span class="cel_small">Titel</span>
<span class="cel_big">Beschrijving</span>
</div>
Dit werkt gewoon net als een tabel, dus wat is het probleem?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
div.row {
width: 400px;
margin-top: 1px;
}
span.cel {
width: 150px;
display: block;
float: left;
height: 18px;
padding-top: 3px;
}
span.cel2 {
width: 100px;
height: 18px;
}
width: 400px;
margin-top: 1px;
}
span.cel {
width: 150px;
display: block;
float: left;
height: 18px;
padding-top: 3px;
}
span.cel2 {
width: 100px;
height: 18px;
}
Gewijzigd op 28/11/2010 16:15:22 door Milo S
Want met divs en spans tabellen 'emuleren' is ook weer verkeerd.
Het het is met één f, niet met twee, nu heb je de titel: divs in plaats uit tabellen.