divs instead off tables

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Tim Kampherbeek

Tim Kampherbeek

28/11/2010 14:13:33
Quote Anchor link
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?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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>
Gewijzigd op 28/11/2010 14:14:07 door Tim Kampherbeek
 
PHP hulp

PHP hulp

08/12/2019 13:48:33
 
Synaps Framework

Synaps Framework

28/11/2010 14:36:07
Quote Anchor link
Wat heb je al geprobeerd?
 
Tim Kampherbeek

Tim Kampherbeek

28/11/2010 14:46:00
Quote Anchor link
vanalles, krijg het wel voor elkaar maar ziet er dan niet netjes in elk browser uit
 
Synaps Framework

Synaps Framework

28/11/2010 14:47:35
Quote Anchor link
Plaats eens wat je al hebt gedaan.
 
Milo S

Milo S

28/11/2010 14:56:57
Quote Anchor link
Verander tr is voor div en td voor bijvoorbeeld span. Haal dat width gebeuren weg, maak een goede css en klaar is kees.
 
Tim Kampherbeek

Tim Kampherbeek

28/11/2010 15:04:33
Quote Anchor link
milo, dat snap ik ook maar mijn vraag hoe doe ik dit CORRECT!
 
Milo S

Milo S

28/11/2010 15:10:41
Quote Anchor link
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.
 
- Ariën -
Beheerder

- Ariën -

28/11/2010 15:16:51
Quote Anchor link
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....
Gewijzigd op 28/11/2010 15:17:41 door - Ariën -
 
Milo S

Milo S

28/11/2010 15:18:20
Quote Anchor link
@ 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.
 
- Ariën -
Beheerder

- Ariën -

28/11/2010 15:21:15
Quote Anchor link
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... :)
 
Milo S

Milo S

28/11/2010 15:24:02
Quote Anchor link
@ Aar, daar heb je een punt! Maar alsnog geef ik hem wel gelijk wat opmaak betreft.
 
- Ariën -
Beheerder

- Ariën -

28/11/2010 15:25:20
Quote Anchor link
Jup, opmaak kan prima met CSS.
 
Tim Kampherbeek

Tim Kampherbeek

28/11/2010 15:45:17
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<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.
 
Milo S

Milo S

28/11/2010 15:58:25
Quote Anchor link
Je moet ook class namen meegeven.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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>


en dan aanroepen met:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
div.row {
breedte enzo
}
div.row span.cel {
breedte enzo
}
Gewijzigd op 28/11/2010 15:59:06 door Milo S
 
Tim Kampherbeek

Tim Kampherbeek

28/11/2010 16:00:57
Quote Anchor link
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.
 
Milo S

Milo S

28/11/2010 16:07:11
Quote Anchor link
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...

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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;
    }


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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>


Dit werkt gewoon net als een tabel, dus wat is het probleem?
 
Tim Kampherbeek

Tim Kampherbeek

28/11/2010 16:09:56
Quote Anchor link
Heb het al anders gedaan.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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;
}
 
Milo S

Milo S

28/11/2010 16:14:38
Quote Anchor link
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
 
Karl Karl

Karl Karl

28/11/2010 16:16:38
Quote Anchor link
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.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.