pb avec l'attribut class de div

Bonsoir,
j'ai un code html dont je veux appliquer une feuille de style : voici le code:
je veux uliser la valeur de l'attribur class de la balise div(en gras) qui header dans une feuille de style j'accede par .header{je fé mon formatage}.mais ca marche pas je sais pas pourquoi?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
	<TITLE>Document exemple</TITLE>
	<LINK rel="stylesheet" type="text/css" href="testo.css">
	</strong>
</HEAD>
<BODY>
	<br><br><br><br><br>
	<a href='#sb-7" class="skip-block">Sauter Recherche forums</a>
	<div id="inst11" class="block_search_forums sideblock">
		<div class="header">
			<div class="title">
				<input type="image" src="http://127.0.0.1/pix/t/switch_minus.gif" id="togglehide_inst11" onClick="elementToggleHide(this, true, function(el) {return findParentNode(el, 'DIV', 'sideblock'); }, 'Afficher bloc Recherche forums', 'Cacher bloc Recherche forums'); return false;" alt="Cacher bloc Recherche forums" title="Cacher bloc Recherche forums" class="hide-show-image" />
				<h2>Recherche forums</h2>
			</div>
		</div>
		<div class="content">
			<div class="searchform">
				<form action="http://127.0.0.1/mod/forum/search.php" style="display:inline">
					<fieldset class="invisiblefieldset">
					<input name="id" type="hidden" value="1" />
					<label class="accesshide" for="searchform_search">Rechercher</label>
					<input id="searchform_search" name="search" type="text" size="16" />
					<button id="searchform_button" type="submit" title="Rechercher">Valider</button>
					<br />
					<a href="http://127.0.0.1/mod/forum/search.php?id=1">Recherche avancée</a><span class="helplink"><a title="Aide sur Recherche avancée (nouvelle fenêtre)" href="http://127.0.0.1/help.php?module=moodle&amp;file=search.html&amp;forcelang=" onClick="this.target='popup'; return openpopup('/help.php?module=moodle&amp;file=search.html&amp;forcelang=', 'popup', 'menubar=0,location=0,scrollbars,resizable,width=500,height=400', 0);"><img class="iconhelp" alt="Aide sur Recherche avancée (nouvelle fenêtre)" src="http://127.0.0.1/pix/help.gif" /></a></span>
					</fieldset>
				</form>
			</div>
		</div>
	</div>
	<script type="text/javascript">
        //<![CDATA[
        elementCookieHide("inst11","Afficher bloc Recherche forums","Cacher bloc Recherche forums"); //]]></script>
	<span id="sb-2" class="skip-block-to"></span>
</BODY>
</HTML>

Hum... comment dire... c'est illisible :D

Utilises les balises code, et essaie de mettre un peu en forme, avec de l'indentation, ce genre de choses...

Même si c'est illisible on voit déjà que ton Doctype n'est pas bon, que tu as une balise </strong> sans balise ouvrante, que tu utilises des <br> à la place de <br/> (xHTML, mais bon...)

Pour ton erreur, ta classe Header a peut-être la bonne valeur, mais vu que ton titre est égalment contenu dans la sous-classe Title, peut-être que cette classe donne une information contraire, et c'est celle-ci qui sera appliquée.

regarde bien ton code, la facon dont la syntaxe est colorée.. en vert ce son les commentaires, la majeure partie de ton code est amputée à cause de cette ligne :

Code:

<a href='#sb-7" class="skip-block">Sauter Recherche forums</a>

tu dois mettre les mettre symboles de chaine de caractères soit "tontexte" soit 'tontexte' mais en aucun cas 'tontexte"..

Voilà :)

Code:

<a href="#sb-7" class="skip-block">Sauter Recherche forums</a>

et aussi un lien s'écrit <a href="#">tonlabel</a> et non <a href="#" />tonlabel</a>

j'espère avoir pu t'aider