Homepage » Tutorials » HTML & CSS » Tabellen

Tabellen

Info
Door:	Rick	Moeilijkheidsgraad:
Geplaatst op:	08-02-2004	Reacties:	74(Bekijken)
Views:	68081 (gem. 28.2963 per week)	Log in om zelf te reageren
		Waardering:	8.3/10 (12 stemmen)

Bij tabellen denk je waarschijnlijk aan saaie overzichten van cijfers en andere informatie. Dan heb je echt een verkeerd beeld van wat je allemaal met tabellen kunt doen. Er bestaan maar weinig websites die geen gebruik maken van tabellen. Probeer het onderstaande maar eens te bereiken zonder tabellen(en css, maar dat komt later).

Probeer	eens
dit	zonder
maar	tabellen

Dat wordt moeilijk inderdaad. Hierboven zie je dus een tabel. Dat is op de volgende manier duidelijker:

Probeer	eens
dit	zonder
maar	tabellen

Het zal je duidelijk worden dat je met deze tabellen veel kunt doen. Zo kun je bijvoorbeeld tekst in twee kolommen zetten:

Dit is de eerste kolom van de tekst. Deze tekst gaat eigenlijk nergens over, maar laat je wel zien dat je met tabellen...

...tekst in twee kolommen kunt zetten. Natuurlijk is het mogelijk om de tekst in 3, 4 of meer kolommen te zetten!

Zo zijn er nog veel meer belangrijke toepassingen van tabellen in een webpagina. Voor een goede webpagina zijn tabellen bijna onmisbaar. We gaan je nu leren hoe je zo'n tabel maakt.

Zoals je weet bestaat een tabel uit rijen en kolommen. Hieronder zie je een tabel met 5 rijen en 2 kolommen:

Dit is een kolom met 2 rijen en 5 kolommen:

Nu willen we een tabel opnemen in onze html-code. Het begin van een tabel markeren we met de tag <table>. We eindigen een tabel altijd met de sluittag </table>. Maar met alleen die twee codes kan de browser niets. We moeten opgeven hoeveel rijen en kolommen er in moeten komen. Het begin van een nieuwe rij geef je aan met de tag <tr>, van Table Row(tabel rij). Je geeft hiermee aan dat je de tabelrij begint. Het einde van een rij geef je natuurlijk aan met </tr>.

Zo een rij hebben we, maar ook hier kan de browser niet veel mee. Een rij zonder kolommen bestaat namelijk niet, iedere rij heeft minstens 1 kolom. Onze tabel krijgt 2 kolommen. Het begin van een kolom geef je aan met de tag <td>, van Table Data. Deze tag sluit je natuurlijk af met </td>. De broncode van onze tabel met 2 rijen en 2 kolommen ziet er zo uit:

<table>

<tr>
<td>Inhoud van kolom 1 in rij 1</td>
<td>Inhoud van kolom 2 in rij 1</td>
</tr>

<tr>
<td>Inhoud van kolom 1 in rij 2</td>
<td>Inhoud van kolom 2 in rij 2</td>
</tr>

</table>

Het resultaat ziet er zo uit:

Inhoud van kolom 1 in rij 1	Inhoud van kolom 2 in rij 1
Inhoud van kolom 1 in rij 2	Inhoud van kolom 2 in rij 2

Dit stelt nog niet veel voor, maar je kunt nu wel een tabel maken. Als je het bovenstaande probeert en je laadt de pagina in de browser, valt het je op dat de breedte van de tabel niet overeenkomt met wat je hierboven ziet. Daarom geef je in de tag <table> de breedte op. Dat doe je met het attribuut width. We raden je aan om de breedten in procenten op te geven. Een tabel die de 90% van de breedte moet bedekken ziet er zo uit:

<table width="90%">
De rest van de tabel
</table>

Om de breedte van de kolommen geef je op met die tag. Een tabel die 90% van de pagina bedekt en kolommen bevat die allebei de helft van de tabel(dus 45% van de pagina) innemen, komt er zo uit te zien:

<table width="90%">
<tr>
<td width="45%">Een tabel van 90%</td>
<td width="45%">met een celbreedte van 45%</td>
</tr>
</table>

Behalve de breedte kun je ook de hoogte van de tabel en de cellen opgeven. Dat doe je met het attribuut height="hoogte". Dit kan ook weer in pixels of procenten.

Een ander belangrijk attribuut is " border". Dit geef je in de tag <table> aan. Zoals je waarschijnlijk al verwacht geeft het de dikte van de rand van je tabel aan. Wil je een onzichtbare rand, dan zet je deze op 0.

Verder kennen we nog de attributen cellpadding en cellspacing. Cellspacing vertelt de browser de ruimte tussen de twee cellen. Kijk hieronder maar.

Eerst zie je een tabel met dikte 1 en cellspacing 1.

en deze tabel heeft dikte 1 en cellspacing 5

Ook is er nog het attribuut cellpadding. Dat maakt ruimte vrij tussen de tekst in de cel en de rand. Kijk maar naar de verschillen:

Deze cellpadding is 1

en deze cellpadding is 15

Zo, dat verschil is duidelijk. Verder kun je nog kleuren aan je tabel toevoegen. Dat kan op 2 manieren. Je kunt de border een kleur geven, met de tag bordercolor="#3366cc", bijvoorbeeld. Een cel kan ook een achtergrondkleur krijgen, dat doen we met het attribuut bgcolor="#000080". Je kunt zowel per cel(dat doe je in de <td> tag) of per tabel(in de <table> tag) de achtergrondkleur opgeven

Het is ook mogelijk om het volgende resultaat te krijgen:

Cel 1	Cel 2
	Cel 3

Je ziet hier een tabel met 2 rijen. De eerste rij bestaat uit 1 cel, de tweede rij bestaat uit 2 cellen.

Met de tags die je al kent was je dit niet gelukt. Daarom leren we je twee nieuwe tags: colspan en rowspan.

Je geeft zo dus aan dat de eerste <td> tag 2 <tr> tags om spant. Je kunt zoveel rows opspannen als je wilt. Ook vertciaal is dit mogelijk:

Cel 1
Cel 2	Cel 3

De broncode voor deze tabel ziet er zo uit:

«Hyperlinks maken Frames »

74 reacties

joevan74 Geplaatst op 10-03-2010 om 22:26

Regular thx nog altijd alles in orde :p

Twinus Geplaatst op 08-03-2010 om 16:29

Regular Joepie, halverwege HTML :p

ecoliner Geplaatst op 09-02-2010 om 17:58

Regular Ik heb het volgende ingetikt:
<html>
<head>
<title>Au Bord'eaux</title>
</head>
<body bgcolor="#660000"
text="#CC9933">
<table>
<tr>
<td align="center"> <IMG="logo" SRC="C:Documents and SettingsHans.vanlanduytBureaubladwebsite au bord'eauxlogo wellnes.jpg"></TD>
</TR>
<tr> <td><font face="Lucida Calligraphy"align="center" > SAUNA</font></td>
<td><font face="Lucida Calligraphy"align="center" > HAMMAM</font></td>
<td><font face="Lucida Calligraphy"align="center" > JACCUZI</font></td>
<td><font face="Lucida Calligraphy"align="center" > ZWEMVIJVER</font></td>
</tr>
<tr>
<td align="center"><font size="1"><b>kom binnen</b></font></td>
</tr>
</table>

</body>
</html>

De woorden kom binnen komen niet op de site pag.

wat is er mis?

konijn snuf2 Geplaatst op 04-08-2009 om 10:02

Regular @Help ik kan er niets van!

border-right
border-top
border-bottom
border-left

joannis11 Geplaatst op 20-07-2009 om 17:56

Regular Je vergat de ">" aan het einde van <body>

Het was namenlijk:
<body

En dat klopt niet.

h4k3r9 Geplaatst op 05-07-2009 om 15:54

Regular jolande zet dit is neer:

<html>
<head>
<title>tabellen</title>
</head>
<body>
<table>
<tr>
<td>Inhoud van kolom 1 in rij 1</td>
<td>Inhoud van kolom 2 in rij 1</td>
</tr>
<tr>
<td>Inhoud van kolom 1 in rij 2</td>
<td>Inhoud van kolom 2 in rij 2</td>
</tr>
</table>
</body>
</html>

Jolande Geplaatst op 28-04-2009 om 19:25

Regular helpie!!
ik snap er helemaal niks meer van
Ik heb dit:
<html>
<head>
<title>tabellen</title>
</head>
<body
<table>
<tr>
<td>Inhoud van kolom 1 in rij 1</td>
<td>Inhoud van kolom 2 in rij 1</td>
</tr>
<tr>
<td>Inhoud van kolom 1 in rij 2</td>
<td>Inhoud van kolom 2 in rij 2</td>
</tr>
</table>
</body>
</html>
maar mijn tabel opent hij niet als tabel maar naast elkaar..
maar als ik <p> voor de tabel zet dan doet hij het wel goed..

Help ik kan er niets van! Geplaatst op 04-04-2009 om 22:36

Regular is het ook mogelijk om maar enkele cellen of enkele zijden van cellen een border te geven en andere niet, in een dezelfde tabel?

Onbekend lid Geplaatst op 02-04-2009 om 11:33

Spammer Goedemorgen,

Ik ben bezig met men eerste website en ik kom ergens niet uit
ik maak een tabel

<table width="10%" height="100" borde="1">

Mijn vraag is
als ik nu een tekst in de tabel wil typen komt hij altijd in het midden van de tabel te staan maar ik wil graag dat hij boven aan begint en steeds verder na beneden gaat.

Graag antwoord op dit email adres : robbinkosse@gmail.com

Met vriendelijke groet.

Robbin Kosse

jasper_welle Geplaatst op 24-01-2009 om 10:02

Regular Hoe kan ik mijn pagina's openen in mijn website i.p.v. in een apart venster? Mijn website is in tabellen.

wanawar Geplaatst op 18-12-2008 om 11:54

Regular ik heb een vraag, als je 2 apparte tabellen wilt maken, hoe zet je die dan naast elkaar?

wanawar

worldwideweb Geplaatst op 21-06-2008 om 17:42

Regular Ok�, vraagje. Kan je row-en colspan tegelijk doen?
Kan je bijvoorbeeld de 1ste kolom met rowspan tot ��n geheel omvormen, de 1ste rij met colspan, en die twee dan samen?
Srry voor mijn moeilijke uitleg.

baksteenmovies Geplaatst op 13-05-2008 om 11:07

Regular bestaat er ook tr height?
en op elke beeld zijn de procenten anders kan dat ook anders?

en hoe krijg je tabbelen goed naast elkaar?

dennismars Geplaatst op 19-04-2008 om 23:13

Regular ik hen nog een vraag is er ook een code van een tabel met een afbeelding als achtergrond

( ik ben 13 jaar en probeer hier wat van te leren :P )

Glenn Potter Geplaatst op 25-03-2008 om 15:27

Regular Ik had een probleem dat ondertussen al opgelost is.

huub8 Geplaatst op 23-01-2008 om 21:35

Regular Mijn mail is h.smeitink@hotmail.com of neem contact op via mijn website: www.huco.biz

Peck Geplaatst op 08-06-2007 om 16:32

Moderator Ik denk niet dat iemand zich daarmee gaat bezig houden, ik alleszins zeker niet.
Dat soort vragen hoort hier ook totaal niet thuis. Als je vragen hebt, ga naar het forum.

B-scorpion Geplaatst op 08-06-2007 om 16:11

Regular hey, allemaal heeft'r iemand een mail??.. waar k die paar vraagjs kan stelle, bericht hier 8ter late wordt'r beetj laat gereageerd vindt k..

iick_mayow Geplaatst op 26-03-2007 om 19:45

Regular Halloo
iick denk dat t aan mij ligt maar iick kan het probleem niet vinden want iick krijg mijn tekst in een kolom niet in een andere kleur.
Groetjes

ruudisgaaf Geplaatst op 02-01-2007 om 08:29

Regular

je moet

#	Code
`1`	`halign="center"`

weghalen

chris_toffel Geplaatst op 30-12-2006 om 20:59

Regular <html><head></head><title></title>
<table width="100%" border="1" halign="center"> <tr> <td colspan="2" rowspan="2">A</td><td>C</td><td>D</td></tr>
<tr><td rowspan="3">G</td><td>H</td></tr>
<tr><td>I</td><td>J</td><td>K</td></tr>
<tr><td>L</td><td>M</td><td>N</td></tr>
<tr><td>O</td><td>P</td><td>Q</td><td>R</td></tr>
<tr><td>S</td><td colspan="3">T</td></tr></table>
</html>

Het combineren over rijen en kolommen lukt wel, maar hoe krijg ik alle letters gecentreerd ? Moet dat individueel of kan het met 1 code voor de hele tabel ?
Alvast bedankt
Chris_toffel

erik007 Geplaatst op 13-10-2006 om 17:26

Regular Bedankt!

Grubolsch Geplaatst op 13-10-2006 om 16:44

Moderator <td valign="top"> doet wat je wilt.

erik007 Geplaatst op 13-10-2006 om 15:37

Regular Hallo ik heb een vraag. Als ik een grote cel en een tabel heb en ik wil de tekst bovenaan laten beginnen i.p.v. midden in welke tag heb ik dan nodig?
Groeten Erik

Sjeffo Geplaatst op 30-08-2006 om 13:03

Regular Hallo, Ik heb een vraagje over de scrollbars die verschijnen als je de website op een kleiner scherm bekijkt of in een kleiner formaat op een grote beeldscherm. Mijn website bestaat uit twee kolommen waarvan de 2e kolom 3 rijen heeft. Nou is het zo dat bijv de linkerkolom een horizontale scrollbar krijgt als ik de site in een kleiner formaat bekijk. Kun je dit tegengaan? Ik heb namelijk een logo staan daar en dat lijkt dan niet mooi. Hetzelfde gedlt voor de eerste rij in de tweede kolom. Dit is een smalle rij met 7 kliene foto's naast elkaar. Hiervan verspringen dan bijvoorbeeld de laatste twee naar beneden met een verticale scrollbar ernaast. Ik wil dat dit niet gebeurt maar dat je gewoon 1 horizontale en 1 verticale scrollbar krijgt voor de hele pagina als je de site op een kleiner scherm bekijkt. Ik hoop dat ik duidelijk ben in mijn uitleg. Alvast bedankt. Sjeffo

Onbekend lid Geplaatst op 11-04-2006 om 17:52

Spammer de truuk is om je afbeelding te laten herhalen over een horizontale as bijvoorbeeld...

je tabel staat op een breedte van 100%, en je scherm heeft de resolutie: 1024*768.
je afbeelding is 20 px breed, en 20 hoog... dan laat je de afbeelding zichzelf horizontaal herhalen, en dan komt het altijd goed uit.

(je moet er wel op letten dat de linker rand van de afbeelding aansluit op de rechterrand)

planetb Geplaatst op 11-04-2006 om 14:18

Regular Ik heb een beginnersvraag!

Tabellen is mij duidelijk. Mijn vraag gaat over het bepalen van de grootte van de tabel: in pixels of %? Jullie raden % aan. Maar:

-als ik in Photoshop afbeeldingen maak gaan deze in pixels,
hoe krijg ik een afbeelding van 800 pixels dan in tabel van 100%? Bij een beeldscherm met een grotere resolutie zal de tabel groter worden, maar de afbeelding blijft dan toch dezelfde grootte?

Bij mijn huidige website maak ik de tabel 800 pixels als daar een afbeelding van 800 pixels in zou komen, voor een afbeelding van 200 pixels maak in een tabel van 200 pixels, etc. etc.

?

Gian Geplaatst op 22-03-2006 om 18:55

Regular

Quote:

kheb ondertussen wel redelijk wat ervaring met HTML en ben ook bezig met PHP en MySQL , maar kun je ook scrollbalk in tabel doen ,zojah, hoe?.
zie www.jregelink.nl.tt. en dan gaat het om die tabel met oranje border
alvast bedankt Japie

ik zou veel handiger doen.
gewoon een i-frame met de afmetingen van dat kadertje en ge maakt een extra bestanje aan, ik vind het veel handiger maar gelijk ge nu hebt is ook mooi

{japiecorronel} Geplaatst op 12-02-2006 om 20:14

Regular oke
maar als ik er nu naar kijk zie ik er 2. ook een voor opzij

groeten jaap

Maurits Geplaatst op 12-02-2006 om 14:35

Regular Ik vind het maar vaag dit... :P

Onbekend lid Geplaatst op 09-02-2006 om 21:21

Spammer

neen dat kan je niet...

wel via een omweg natuurlijk:
zet een div in een cel van je tabel, en geef deze een vaste hoogte. Met het overflow attribuut in je css kan je een scrollbalk afdwingen als de content langer is dan de div hoog is.

#	Code
`1 2 3`	`<td><div style="overflow: scroll; height: 100px;"> Veel inhoud... Veel inhoud... Veel inhoud... Veel inhoud... Veel inhoud... Veel inhoud... Veel inhoud... Veel inhoud... </div></td>`

{japiecorronel} Geplaatst op 09-02-2006 om 19:31

Regular kheb ondertussen wel redelijk wat ervaring met HTML en ben ook bezig met PHP en MySQL , maar kun je ook scrollbalk in tabel doen ,zojah, hoe?.
zie www.jregelink.nl.tt. en dan gaat het om die tabel met oranje border
alvast bedankt Japie

korstiweg Geplaatst op 07-02-2006 om 21:20

Regular wisten jullie trouwens dat tabellen een van de moeilijkste dingen van HTML is??
"zelfs" ik snap er bijna niks van!!

Gian Geplaatst op 27-01-2006 om 21:15

Regular Sorry voor storen mannen
Hier een heel deel posts onder hadden ze het zelfde probleem.

Gian Geplaatst op 27-01-2006 om 21:05

Regular P.S.
Ik wil dat de inhuod van die kolom wat weiniger heeft vanboven blijft ... ;-)

Gian Geplaatst op 27-01-2006 om 20:58

Regular Ik vind dit raar,
Ik zet dit in mijn html document
<table border="1" cellpadding="0" cellspacing="5" width="100%">
en ik heb 2 kolomen maar als 1 kolom meer is dan de andere gaat de andere zijn inhoud automatish naar beneden ( of het midden in verticale lijn ) zakken
Wat kan ik hie raan doen ?

Niek57K Geplaatst op 18-01-2006 om 06:01

Regular Fietskip ! De hoogte in een cel bepaal je met cellpadding="0" hoe groter het getal maakt hoe groter de ruimte tussen de text en de rand. kijk maar eens boven in de les.
En met height="1" word het wel heel erg smal zeker bij een fontsize van 11px.
probeer onderstaand maar eens uit.
<table border="5" cellSpacing="10" cellPadding="10" bordercolor="#000000">
<tr>
<td height="50">hoe langer je de regel maakt hoe langer word de width</td>
</tr>
<tr>
<td width="330" height="65">de bovenste regel heeft een width van "330px"</td>
</tr>
<tr>
<td height="80"><p align="center">dit is een test</td>
</tr>
<tr>
<td height="100"><p align="center"><p align="right">dit is een test</td>
</tr>
</table>

fietskip Geplaatst op 12-01-2006 om 12:21

Regular Ik ben nu bezig met de les over tabel.
En ik probeer dus met height de tabellen verschillende hoogte te krijgen maar ik zie geen verschil wat doe ik fout
<table width="90%" border="1">
<tr>
<td width="45" height="1"> test 1</td>
<td width="45"height="1"> test1</td>
</tr>
<tr>
<td width="35"height="15"> test2</td>
<td width="35"height="15">test2</td>
</tr></table>

Onbekend lid Geplaatst op 16-12-2005 om 13:38

Spammer het probleem is dat je een <tr> opent en afsluit met </td>

de goede manier is

<tr></tr> met daartussen <td></td>
de <tr></tr> staat voor de rij van de tabel, en daartussen moeten de <td></td> (een of meerdere). <td></td> stelt de cel in die rij voor

kijk nog eens goed naar de voorbeeldjes in de tutorial, copy paste ze en test ze uit, en begin te experimenteren.

Niek57K Geplaatst op 16-12-2005 om 06:32

Regular ik heb mijn site laten controleren en kreeg de melding dat er niet veel van klopte omdat ik in een table de tags gewoon onder elkaar heb staan en dat moest volgens hun zoals hieronder kan iemand me uitleggen waarom dat moet. want het werk ook zoals ik het heb staan.
<table>
spatie spatie <tr>
spatie spatie spatie spatie spatie<td></td>
spatie spatie spatie spatie spatie <td></td>
spatie spatie</tr>
spatie spatie <tr>
</table>
sorry maar ik heb maar spatie getyped anders komt het hier ook recht onder elkaar wat niet de bedoeling is

Sorry .skralan maar als bovenstaand antwoord voor mij bedoeld is dan begrijp je me niet helemaal denk ik. wat ik bedoel is dat ik volgens die website de tags niet recht onder elkaar mag zetten maar moeten ze verspringen zoals hier onder de punten moet je weg denken want als ik hier een spatie maak werkt dat niet en zie je ze toch weer aan het begin van de regel staan
<table>
..<tr>
....<td></td>
..</tr>
</table>

Onbekend lid Geplaatst op 19-11-2005 om 11:43

Spammer Gewoon met <font> denk ik..

claudtjuh Geplaatst op 17-11-2005 om 15:36

Regular hoe kun je het lettertype in een tabel eigenlijk groter krijgen?

megron Geplaatst op 09-10-2005 om 16:44

Regular uhm probleempje, k probeer in rij 1 2 colomen te krijgen, en dan in rij 2 maar 1 colom. ja sorry dat t zo verwarend is maar k weet ook nie hoek da anders moet zeggen.
maar goed, van 1 colom op rij 1 naar 2 op de 2e rij lukt wel met colspan, maar hoe dus andersom zeg maar.

jolovesyouall Geplaatst op 12-07-2005 om 14:47

Regular wauw ben er door heen, geen simpele les hoor dit.... maar ik ben er toch nog uit gekomen :) , lijkt mij vooralsnog simpeler om met ecxel iets te maken en dat om te zetten naar html of niet ? dat is tenminste het eerste wat ik dacht toen ik dit even doorlas.

Willem Geplaatst op 26-05-2005 om 01:00

Regular Tabellenles goed doorgekomen.
Complimenten aan de makers ervan.

GR.

Willem Geplaatst op 25-05-2005 om 23:47

Regular Thx, Mirax, zal dat zeker doen.
Zag al dat t verderop in de lessen gegeven wordt.

Gr.

Rick Geplaatst op 25-04-2005 om 14:33

Webmaster Waarschijnlijk kun je dat sheet via excel wel exporteren naar een html-document.

immer Geplaatst op 25-04-2005 om 09:33

Regular Ik heb in Excell een sheet gemaakt kan ik die op de website laten zien of moet ik zelf een sheet maken in html?

rogier.slag Geplaatst op 19-02-2005 om 09:33

Moderator zet de border eens op 1

Mirax Geplaatst op 06-02-2005 om 12:16

Moderator Achtergrond kleur kan op dezelfde manier als bij de body bijvoorbeeld. Lees de cursus CSS eens door.

Ronde hoeken kan niet met HTML.

krisie Geplaatst op 06-02-2005 om 08:46

Regular Weet er iemand hoe je een achtergrondkleur kunt instellen+ronde hoeken?

bvd

Mirax Geplaatst op 03-02-2005 om 21:27

Moderator Kijk eens in de cursus met i-frames, lees zeker ook het gedeelte over frames door, daar zat nuttige info over targets.

Willem Geplaatst op 01-02-2005 om 21:32

Regular Hallo,
Heb nu 2 kolommen. De bedoeling is dat ik links een aantal knoppen krijg.
Hoe kan ik er nu rechtsboven een rij er bij krijgen?
En hoe kan ik die knoppen in tabellen krijgen?
Ben de hele dag bezig(grrrrrrrrrr).
Kan iemand mij verwijzen naar iets?
Het is de eerste keer dat ik met tabellen bezig ben,dus een leek.

Alvast bedankt
Gr, Willem

consolata Geplaatst op 21-01-2005 om 23:58

Regular Hai nou tot nu toe lukt alles me aardig, ben benieuwd of ik hem daluk ook op het internet krijg gemikt. Groetjes van consolata

Onbekend lid Geplaatst op 05-01-2005 om 20:52

Spammer

kleuren als in achtergrondkleur?

#	Code
`1 2 3 4 5`	`<table> <tr> <td style="background-color: #FF00FF;"></td> </tr> </table>`

Leerlingetje Geplaatst op 05-01-2005 om 18:07

Regular Hoe zet je kleuren in een tabel??

Diomedes Geplaatst op 18-11-2004 om 14:27

Regular heb ene probleem die table die gaat niet aan de linker kant van de pagina staan er staat dan nog een stukje open hoe krijg je die table helemaal aan de linkerkant met een html tag/code?? alvast bedankt

rogier.slag Geplaatst op 17-11-2004 om 10:28

Moderator de tabel moet je ook in je body zetten, verplaats dus de </body> tag naar beneden

Shorty Geplaatst op 16-11-2004 om 16:43

Regular Damn damn damn, da wil precies nog nie echt lukken!
Hier zit ik vast/geraak ik niet verder! ::

<html>
<head>
<title>Welkom op mijn website!</title>
</head>

<body bgcolor="#000000"text=#00FF00>
<p align="center"><b><h1>Dit is mijn eerste website.</h1></b></p>
<p><font face="arial"color="#ff0000">Deze regel is rood</font>
<a href="pagina.htm">Een link naar het bestand pagina.htm</a>
<a href="http://www.websitemaken.be">Naar Websitemaken</a>
<a href=" mailto:mijnadres@mijnprovider.nl">Stuur mij een e-mail!</a>
<a href="mailto:mijnadres@mijnprovider.nl ?subject=Website">Stuur mij een e-mail!</a>
</body>

<table width="90%">
<tr>
<td>Inhoud van kolom 1 in rij 1</td>
<td>Inhoud van kolom 2 in rij 1</td>
</tr>

<tr>
<td>Inhoud van kolom 1 in rij 2</td>
<td>Inhoud van kolom 2 in rij 2</td>
</tr>

</table>

</html>

rogier.slag Geplaatst op 04-11-2004 om 21:33

Moderator ja, door ze weer in een tabel te zetten of met CSS te positioneren

Ventura Geplaatst op 04-11-2004 om 16:46

Regular Kun je meerdere tabellen naast elkaar zetten?

qwer Geplaatst op 24-10-2004 om 17:30

Regular ik vind het erg goeduit gelegd

Onbekend lid Geplaatst op 22-09-2004 om 20:43

Spammer of werken met CSS positioning

rogier.slag Geplaatst op 24-07-2004 om 19:05

Moderator door die ook weer in een tabel te zetten

BenDeR Geplaatst op 24-07-2004 om 14:30

Regular hoe kan ik een stuk tekst en een tabel naast elkaar krijgen?

pinkyboy Geplaatst op 15-06-2004 om 20:50

Regular effie vraagje,maken jullie die tabellen altijd met html in kladblok te typen of doen jullie dat in een editor ofzo? Want op deze site is de lay-out toch met tabellen niet? En die zijn verdomd ingewikkeld om in codes om te zetten. kan je dat niet gewoon in word doen ook en dan opslaan als .html bestandje?

Blizt Geplaatst op 13-06-2004 om 13:51

Webmaster

@Rogier: liever op de td-tag dan:
Quote:

[...] there is no attribute "valign"
<table width="100%" valign="top">

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.

rogier.slag Geplaatst op 13-06-2004 om 11:46

Moderator

zet in de table tag

#	Code
`1`	`valign="top"`

gameplazaacom Geplaatst op 13-06-2004 om 11:45

Regular Ik heb twee kolommen naast elkaar. Als er in de linker bijv. 5 regels staan, en in de rechter maar 1, dan zit de tekst in de rechterkolom in het midden. Hoe kan je ervoor zorgen dat het gewoon bovenaan staat???

Rick Geplaatst op 30-05-2004 om 23:17

Webmaster @Rik: Er zaten inderdaad wat foutjes in, zijn inmiddels verbeterd. Dank je!

STREET_RACE Geplaatst op 30-05-2004 om 21:23

Regular Is wel cool alleen met die tabellen wil nog niet echt

stephan Geplaatst op 23-05-2004 om 20:33

Regular Is het ook mogelijk om meerdere tabellen naast erlkaar te plaatsten? Zoja, hoe?

rikdries Geplaatst op 01-05-2004 om 12:19

Regular

In het voorbeeld met rowspan staat:

#	Code
`1 2 3 4 5 6`	`<table border="1" width="90%"> <tr> <td rowspan="2" >Cel 1</td> <td>Cel 2</td><td>Cel 3</td> </tr> </table>`

Ik denk dat dit moet zijn:

#	Code
`1 2 3 4 5 6 7 8 9`	`<table border="1" width="90%"> <tr> <td rowspan="2" >Cel 1</td> <td>Cel 2</td> </tr> <tr> <td>Cel 3</td> </tr> </table>`

Rik.

Hans Geplaatst op 25-04-2004 om 14:01

Regular

Quote:

Dit is een kolom met 2 rijen en 5 kolommen:

moet dit niet verandert worden in Dit is een TABEL met ...... ?

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!

Check je domein...

Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be