Css t xhtml
Forum Programmation : Css t xhtml
Bonjour, J'ai fait mon premier site à partir d'un bloc-note (notepad++). Mais quand 'jouvre la page de mon site, sa l'ouvre comme si je n'avais pas mis de css, pourtant j'en ai mis
Si vous trouver le problème aider moi svp.
Ps: c'est mon premier mesage sur le forum, soyer indulgent, merci 
le code est:
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="pourlesite.css" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head><link rel="stylesheet" media="screen" type="text/css" title="css" href="pourlesite.css" />
<title>Galanet! | Super site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<!-- L'en-tête -->
<div id="en_tete">
<h1> Galanet ! </h1>
</div>
<!-- Les menus -->
<div id="menu">
<div id="menu">
<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="mapage.html">Lien</a></li>
<li><a href="mapage.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>
<!-- Le corps -->
<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="page4.html">Lien</a></li>
<li><a href="page5.html">Lien</a></li>
<li><a href="page6.html">Lien</a></li>
</ul>
</div>
</div>
</div>
<div id="corps">
<h1> L'histoire du site</h1>
<p> En voyant tout ces beaux site sur le web, j'ai eu envie d'en crée un. Je me suis d'abord mis a IziSpot, et maintenant je me suis mis au bloc-note.<br/> Même si on s'étonneras toujours de tout ce qu'on peut faire avec un petit bloc-note 
.
</div>
<!-- Le pied de page -->
<div id="pied_de_page">
<div id="pied_de_page">
<p>Copyright "par planeta" 2008-2009, tous droits réservés</p>
</div>
</div>
</body>
</html>
Allstar27
le code xhtml est:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head><link rel="stylesheet" media="screen" type="text/css" title="css" href="pourlesite.css" />
<title>Galanet! | Super site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<!-- L'en-tête -->
<div id="en_tete">
<h1> Galanet ! </h1>
</div>
<!-- Les menus -->
<div id="menu">
<div id="menu">
<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="mapage.html">Lien</a></li>
<li><a href="mapage.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>
<!-- Le corps -->
<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="page4.html">Lien</a></li>
<li><a href="page5.html">Lien</a></li>
<li><a href="page6.html">Lien</a></li>
</ul>
</div>
</div>
</div>
<div id="corps">
<h1> L'histoire du site</h1>
<p> En voyant tout ces beaux site sur le web, j'ai eu envie d'en crée un. Je me suis d'abord mis a IziSpot, et maintenant je me suis mis au bloc-note.<br/> Même si on s'étonneras toujours de tout ce qu'on peut faire avec un petit bloc-note .
</div>
<!-- Le pied de page -->
<div id="pied_de_page">
<div id="pied_de_page">
<p>Copyright "par planeta" 2008-2009, tous droits réservés</p>
</div>
</div>
</body>
</html>
Et le code css est:
body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url("pr-site/ababa.jpeg" ); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc 
*/
}
Ah...
Ok, bah le problème vient de là, le body est régle effectivement, mais pour que tes menus etc soit positionner sur le body il faut attribuer des propriétés à tous tes éléments ( les id, les class, le h1... ). Enfin là, je peux que te conseiller d'apprendre le css...
Un bon p'tit tuto 
:
http://www.siteduzero.com/tuto-3-6 [...] e-web.html
Je l'ai déja appris.
Tu peut me corrigé le code silteplais ? Sa serais hyper sympa 
