Se connecter / S'enregistrer
Votre question

Css t xhtml

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
19 Février 2008 14:41:05

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 :bounce: 

Autres pages sur : css xhtml

19 Février 2008 14:55:11

Je remonte le topic pour avoir une réponse.
19 Février 2008 16:17:28

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>
Contenus similaires
19 Février 2008 16:20:07

Salut,

pourlesite.css est au meme emplacement que ta page?
19 Février 2008 16:23:12

J'ai pas très ben compris, rééxplique sil te plaît
19 Février 2008 16:24:42

Je suppose que ton fichier html s'appelle index.html, ton fichier pourlesite.css se trouve t'il à la racine de ton ftp?
19 Février 2008 16:55:09

on fichier html s'apelle pourlesite.html

Je n'est toujours pas de serveur ftp.
19 Février 2008 21:25:41

Ah tu fais ça en local?

Bon alors est-ce que ton fichier pourlesite.html est dans le meme dossier que pourlesite.css?
20 Février 2008 09:15:57

Ils sont pas dans un dossier, il sont simplement sur le bureau.
20 Février 2008 12:51:32

je remonte le sujet
21 Février 2008 05:33:12

Poste aussi ton code css, c'est peut-être de là que vient le problème...
21 Février 2008 09:37:55

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 :p  */
}
21 Février 2008 09:50:14

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-0-apprenez-a-creer-votre-site-web.html
21 Février 2008 10:13:41

Je l'ai déja appris.

Tu peut me corrigé le code silteplais ? Sa serais hyper sympa :D 
21 Février 2008 14:49:48

Y'a rien a corriger mais plutot tout a faire tu as une floppé d'id et de class... On peut pas faire ca pour toi sans rien savoir! par contre on ne peut pas utiliser plusieur id identique sur une meme page contrairement au class.
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS