4 bij 4 tabellen naast elkaar

Status
Niet open voor verdere reacties.
G

gast30

Gebruiker
Lid geworden
19 mei 2019
Berichten
113
<!DOCTYPE html>
<html>
<head>
<style>
.nl {
background-color: red;
color: white;
margin: 20px;
padding: 20px;
}

.nl td{
background-color:#8F4041;
}
.be {
background-color: white;
color: white;
margin: 20px;
padding: 20px;
td background-color:white;
}
.be td{
background-color:#13B900;
}
.de {
background-color: blue;
color: white;
margin: 20px;
padding: 20px;
td background-color:blue;
}
.de td{
background-color:#EB1216;
}
</style>
</head>
<body>

<div class="nl">
<h2>NL</h2>
<p>Nederland</p>
<td align="center">Nederland staat bekend om zijn kaas</td>
<td align="center">2e</td>
</div>

<div class="be">
<h2>BE</h2>
<p>België</p>
<td> staat bekent om zijn chocola</td>
</div>

<div class="de">
<h2>DE</h2>
<p>Duitsland</p>
<td align="center">Duitsers drinken veel bier</td>
</div>

</body>
</html>

geachte helpers....

ik wil graag 4 bij 4 of bij zes tabellen en wil elke tabel kleuren

maar dat krijg ik niet voor elkaarr

hoe moet ik dit oplossen

graag advies
 
Laatst bewerkt:
Begin eerst maar eens met een goede tabel te maken.
 
hier

<TABLE BORDER="1" BGCOLOR="#FFFFCC">
<TR BGCOLOR="#FFCCCC">
<TD WIDTH="120" HEIGHT="40" BGCOLOR="#99FFCC">a1</TD>
<TD WIDTH="80">a2</TD>
</TR>
<TR>
<TD HEIGHT="40">b1</TD>
<TD>b2</TD>
</TR>
</TABLE>

maar hoe regel ik dit in de header
 
sorry

had al een bestand op computer
<!DOCTYPE html>
<html>
<head>
<style>
#nl {
color: white;
margin: 10px;
padding: 10px;
background-color:red;
float:left;
}
#be {
color: red;
margin: 10px;
padding: 10px;
background-color:pink;
float:left;
}
#de {
color: white;
margin: 10px;
padding: 10px;
background-color:blue;
float:left;
}


}
</style>
</head>
<body>

<td id="nl">
<h2>NL</h2>
<p>Nederland</p>
<p>Nederland staat bekend om zijn kaas</p>
</td>

<td id="be">
<h2>BE</h2>
<p>België</p>
<p> staat bekent om zijn chocola</p>
</td>

<td id="de">
<h2>DE</h2>
<p>Duitsland</p>
<p>Duitsers drinken veel bier</p>
</div>

</body>
</html>
 
- Meerdere berichten onder elkaar plaatsen is niet nodig, er is een edit knop
- ook hebben we hier een knop in de opmaak-werkbalk waar een # op staat. Ideaal voor code-blokken.


Je tabel klopt nog niet. Met div-jes en float:left kan je het vast wel af als je ze horizontaal naast elkaar wilt plaatsen.
 
Ik vraag me af met welke reden je een tabel wilt gebruiken?
Het is niet echt een tabulair overzicht, dus div'jes zouden al prima hiervoor voldoen.
 
Je gebruikt <!DOCTYPE html> waarmee je aangeeft dat er html5 wordt gebruikt.
In dat geval moeten de volgende attributen naar de stylesheet, ze mogen niet in de html staan.
cellpadding , cellspacing , width , height , valign , align , bgcolor , color, border

Er blijft voor een tabel dan nog maar weinig over wat wel in de html mag, de belangrijkste zijn colspan en rowspan (th / td).
Natuurlijk mogen wel de algemene (globale) attributen in een tabel, de belangrijkste zijn id, class, style, title, data-*
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan