Css et Easy php

davidcz · 07/03/2011, 18h49

Bonjour,

Je fais un site perso et j'ai telecharger easyphp pour voir les evolutions de mon site en local.
Mais malgré un code assez simple, ca ne tient pas compte du css.
Voici mon code:

Un index.php

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>   Bienvenue sur mon site</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
 
<body>
 
   <?php include("entete.php"); ?>
 
   <?php include("menu.php"); ?>
 
</body>
</html>

le fichier menu.php

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="textemenu">
   <a href="index.php">Accueil</a>
   <a href="changer.php" title="Changer">Changer</a>
   <a href="contact.php" >Contact</a>
</div>

Le fichier style.css

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.imageentete{
	          width: 1200px ;
                      height: 204px ;
	     }
 
 
/* ---- Style des liens du menu ---- */
.textemenu {  
   			 text-color: green;
       		 text-decoration: none;
			 font-family: Arial, Verdana;
       		 font-size: 80%;
       		 font-weight: bold;
		   }

Et ma page internet s'affiche avec un menu sans la bonne police, en bleu au lieu de vert... Bref aucun rapport...

Merci pour votre aide !

ornitho13 · 07/03/2011, 23h20

Ton problème vient du fait que tu as un ID dans ton HTML et tu mets les propriétés css sur une classe, ça ne peut pas fonctionner.

Voici ce que tu dois faire :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
#textemenu {  
   			 text-color: green;
       		 text-decoration: none;
			 font-family: Arial, Verdana;
       		 font-size: 80%;
       		 font-weight: bold;
		   }

le "#" est pour l'ID et le "." pour la class.

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email