Dédoublement page
-
- Cet utilisateur a supprimé son compte et n’existe plus.
- Messages : 6340
- Inscription : 29 décembre 2010 à 18:15
Quand je charge mon site via un moteur de recherche les pages qui s'affichent sont dédoublées et le fond de couleur noir a disparu.
Pourquoi ? et comment puis je y remédier ?
Merci.
Laurène
Je vois dans le code source de votre site de nombreuses erreurs, comme des </html> dans le header, des répétitions de <body>, de <head>, de <title> etc ... la structure d'écriture du site n'est pas correcte, d'où vos problèmes d'affichage.
Code : Tout sélectionner
<!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" lang="fr">
<head>
<title>Au delà des mots</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Au delà des mots" href="index.css" />
</head>
<body style="background-color:black;">
<!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" lang="fr">
<head>
<title>Au delà des mots</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Au delà des mots" href="index.css" />
</head>
<body>
<div id="en_tete" style="font-family:Vivaldi; font-size:25px; background-image:url(photos/imageentete.jpg)">
<p> <h1> Au delà des mots </h1>
<h6 style="font-family: 'Californian FB', sérif; margin-left: 250px; margin-top:1px;"> Photographies faune, flore, paysages, flou...</h6> </p>
</div>
</body>
</html>
<form method="post" action="rechercher.php"/>
<p style="margin-left:200px; float:left;">Rechercher une photo
<input type="text" value="categorie, nom, prix" name="photos"/>
<input type="submit" value="Ok"/> </p>
</form>
<div id="identifier">
<form method='post' action='identifier.php'/>
<p> S'identifier
<input type="email" value="email" name="email"/>
<input type="password" value="mot de passe" name="mot_de_passe"/>
<input type="submit" value="Ok"/> </p>
</form>
<p> <a href="creation_compte.php"> Créer un compte </a> <a href="deconnexion.php"> Deconnexion </a> </p> </div>
<!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" lang="fr">
<head>
<title>Au delà des mots</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Au delà des mots" href="index.css" />
</head>
<body>
<div id="menu" style="float:left; border: ridge 2px pink; margin-top:75px; padding:5px; background-image:url(photos/fondmenu.jpg); font-size:16px;" >
<p> <a href="index.php"> <strong> Accueil </strong> </a> <br/> </p>
<p> <a href="biographie.php"> <strong> Biographie </strong> </a> <br/> </p>
<p> <a href="album.php"> <strong> Album photos </strong> </a> <br/> </p>
<p> <a href="contact.php"> <strong> Contact </strong> </a> <br/> </p>
</div>
</body>
</html>
<div id="corps">
<p style="margin-top:150px; margin-left:100px;"> Bienvenue dans l'album photos "Au delà des mots".
Pourquoi ce titre ?
Cliquez sur l'onglet "Album photos" et découvrez les différents clichés qui vous sont présentés. Ça se passe de mots !
Ces photographies ont été prises au grès de mes voyages, de mes humeurs... Vous y trouverez de la beauté, de la nostalgie, de la gaieté mais aussi du vécu ou tout simplement de l'imaginaire.
Laissez vous envahir par l'ivresse et repartez la tête pleine de rêve !
Si l'une des photos vous intéresses, n'hésitez pas à passer commande.
Bon voyage...
</p>
</div>
<p style="margin-top:200px;">
<!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" lang="fr">
<head>
<title>Au delà des mots</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Au delà des mots" href="index.css" />
</head>
<body>
<div id="pied_page" style="color: white; background-image:url(photos/fondpied.jpg); border: ridge 2px pink; padding-left: 20px; padding-right: 20px; position: absolute;">
<p> Nous sommes le 19/11/12 et il est 17 h 00 © Laurène Dussert, 2011 </p>
</div>
</body>
</html> </p>
</body>
</html>
-
- Cet utilisateur a supprimé son compte et n’existe plus.
- Messages : 6340
- Inscription : 29 décembre 2010 à 18:15
Si tu débutes je te conseille de consacrer quelques heures sur ce site :
http://www.siteduzero.com/tutoriel-3-13 ... -css3.html
Bonne journée ,