CSS werkt niet

Status
Niet open voor verdere reacties.
G

gast0158

Gebruiker
Lid geworden
12 okt 2013
Berichten
776
Ik dacht eventjes snel een standalone HTML pagina in elkaar te flansen met een inline style-sheet. (1 pagina, nooit uitbreiden)

Om wat voor reden dan ook werkt de css niet.
Wie ziet er wat ik vergeet of verkeerd doe ?

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>Titel</title>
		<style type="text/css" media="screen">
			<!--
			.myheader { color:#33348e; text-decoration: none; background-color	: blue; text-align : center;}
			-->
		</style>
	</head>
	<body>
	<form action="POST">
		<div id="wrapper">
			<div id="myheader">
				Header
			</div>
			<div id="content">
			</div>
		</div>
		</form>
	</body>
</html>

Alvast bedankt.
 
Tussen <style> en </style>:
.myheader moet zijn: #myheader,
het is een id en niet een class.
 
Hoe simpel kan het soms zijn :S

Ik was er heilig van overtuigd dat het precies andersom was.
Ik had van .myheader al een keer #myheader gemaakr maar had toen ook id verandert in class.

In ieder geval werkt het nu, bedankt.
 
Hoi gast0158,

Het antwoord van tecsman is inderdaad correct.
Als aanvulling op het antwoord, even een korte uitleg.

Het verschil tussen class en id is dat je een class kan herhalen en een id niet.

#div oftewel id gebruik je met blokken die je maar eenmalig in een pagina gebruikt. Denk hier aan een hoofd container.
.div oftewel class gebruik je wanneer je dezelfde blok meerdere keren wilt laten terugkomen.

Voor een pagina waar je verschillende blokken met dezelfde eigenschappen wilt weergeven gebruik je voor het hoofdblok:
Code: 
<div id="container"></div>

en voor alle gelijkwaardige blokken in de de container div gebruik je
Code: 
<div class="block"></div>
.

bijvoorbeeld:

Code: 
<div id="artikelContainer">
    <div class="artikel">artikel 1 inhoud hier</div>
    <div class="artikel">artikel 2 inhoud hier</div>
    <div class="artikel">artikel 3 inhoud hier</div>
    <div class="artikel">etc</div>
</div>

op die manier bewaar je de netheid en valideert je pagina ook correct.

grt,
worff
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan