vraag over html class

Status
Niet open voor verdere reacties.
G

gast30

Gebruiker
Lid geworden
19 mei 2019
Berichten
113
ik ben bezig met css
ik wil deze aan de hand van classes rood wit blauw maken maar als ik td background color probeer in de class aan te roepen dan gebeurt er niks?

Kun je classes ook in een extern css aanroepen?

graag advies

Code: 
<!DOCTYPE html>
<html>
<head>
<style>
.nl {
  background-color: black;
 	 color: white;
 	 margin: 20px;
  	padding: 20px;
	td background-color:#FF0004;
} 
	.be {
  background-color: black;
 	 color: white;
 	 margin: 20px;
  	padding: 20px;
	td background-color:white;
} 
	.de {
  background-color: black;
 	 color: white;
 	 margin: 20px;
  	padding: 20px;
	td background-color:blue;
} 
</style>
</head>
<body>

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

<div class="be">
  <h2>BE</h2>
  <p>België</p>
	<td align="center">België 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>
 
td background-color:#FF0004;

dit kan niet, want td is geen property/eigenschap van een HTML-element.

Dus dan moet je het splisten:
Code: 
.nl {
  background-color: black;
 	color: white;
 	margin: 20px;
  	padding: 20px;
} 

.nl td{
     background-color:#FF0004;
}

En <td align="center">Duitsers drinken veel bier</td> hoort bij een tabel. De rest ontbreekt daarvan!!
Zorg dat je weet wat de HTML-elementen doen voor je ze gebruikt.
 
Laatst bewerkt:
Just for fun. Een vlag van het land erbij.
Code: 
.flag {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: auto;
	border: 0;
}
.text-center {
	text-align: center;
}

*** met deze html ***

<div class="nl">
  <h2>NL</h2>
  <p>Nederland</p>
  <img class="flag" src="https://cdn.countryflags.com/thumbs/netherlands/flag-400.png" alt="NL" />
  <p class="text-center">Nederland staat bekend om zijn kaas</p>
</div>

<div class="be">
  <h2>BE</h2>
  <p>België</p>
  <img class="flag" src="https://cdn.countryflags.com/thumbs/belgium/flag-400.png" alt="BE" />
  <p class="text-center">België staat bekent om zijn chocola</p>
</div>

<div class="de">
  <h2>DE</h2>
  <p>Duitsland</p>
  <img class="flag" src="https://cdn.countryflags.com/thumbs/germany/flag-400.png" alt="DE" />
  <p class="text-center">Duitsers drinken veel bier</p>
</div>
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan