mon css ne s'applique pas aidez moi

Sujet résolu

5 juillet 2006 à 22:09:33

salut j'ai un gros probleme avec mon css il ne s'applique pas a ma page help plz voici mon cose css :

h1
{
color: red;
font-size: 24px;
}

p
{
color:white;
font-size:18px;
font-family:"Comic Sans MS", serif;
}

signature
{
text-align:right
}

title
{
text-decoration:blink
}

p:first-letter
{
font-weight: bold;
font-size: 1.2em;
color: blue;
}

body
{
background-image: url("pentacle.jpg");
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}

#menu
{
float: left;
width: 120px;
margin-top:20px;
margin-right:20px;
}
.element_menu
{
background-color: #626262;

background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */

width: 120px;

height: 160px;
}

voici mon code html :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="test_style.css" />
</head>
<body>

<img src="123.png">
<div id="menu">

<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="toutes_mes_fiches.html">la magie noire</a></li>
<li><a href="page5.html">la magie blanche</a></li>
<li><a href="page6.html">la haute magie</a></li>
<li><a href="lien">la magie solaire</a></li>
</div>
</ul>

</div>

merci de m'aider a+

Nyro Xeo

5 juillet 2006 à 22:15:30

D'une part, il te manque un DTD, d'autre part, ta page n'est pas valide entièrement si tu choisis XHTML 1.0 Strict (ce que je te conseille) --donc valide-la, et corrige--, ensuite :

signature
{
text-align:right
}

title
{
text-decoration:blink
}

La balise <title> ne peut pas être décorée (puisque c'est le titre !), et la balise <signature> n'existe pas.

Puis pour terminer, si ton CSS n'est réellement pas pris en compte, vérifie le nom du fichier, et son lien relatif avec le fichier XHTML (si cela correspond à ce que tu as mis dans ta balise <link />).

[Edit] Ah oui, et tu devrais faire un petit effort sur l'orthographe quand même