divs instead off tables
Beste mensen,
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?
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
Wat heb je al geprobeerd?
vanalles, krijg het wel voor elkaar maar ziet er dan niet netjes in elk browser uit
Plaats eens wat je al hebt gedaan.
Verander tr is voor div en td voor bijvoorbeeld span. Haal dat width gebeuren weg, maak een goede css en klaar is kees.
milo, dat snap ik ook maar mijn vraag hoe doe ik dit CORRECT!
Als je dit snapt, laat dan zien wat je hebt. HTML + CSS dan kunnen wij je vertellen of je dit correct doet. Ik kan toch niet ruiken wat je hebt?
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.
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.
Divjes zijn nooit en te nimmer een vervanging voor tabellen.
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....
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 -
@ Aar; daar geef ik je 100% gelijk in, maar volgens mij gaat het Tim hier om het punt, opmaken van de tabel. Zelf gebruik ik dan ook liever div + span + css.
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... :)
@ Aar, daar heb je een punt! Maar alsnog geef ik hem wel gelijk wat opmaak betreft.
Jup, opmaak kan prima met CSS.
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.
Je moet ook class namen meegeven.
en dan aanroepen met:
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:
Gewijzigd op 28/11/2010 15:59:06 door Milo S
ik weet wel hoe CSS werkt milo.
Het gaat mij erom hoe weergeef ik dit allemaal correct, want op deze manier werkt het niet perfect.
Het gaat mij erom hoe weergeef ik dit allemaal correct, want op deze manier werkt het niet perfect.
Als je zo goed weet hoe CSS werkt, dan weet je ook wel dat je float, width en height als bijna enige eigenschappen nodig heb...
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
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?
Heb het al anders gedaan.
Dat komt op het zelfde neer? Dus wat was het probleem? Neem mijn css, gooi bij de row div ook nog even line-height: 25px; en alles is ook nog eens netjes uitgelijnd.
Gewijzigd op 28/11/2010 16:15:22 door Milo S
Wat voor data sla je nu dan op?
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.
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.




