Bonjour,
J'ai crée un p'tit site, dans la construction de mes pages je me suis servi de l'outil position absolue, mais plus tard j'ai lue que ce n'est pas correct.
J'ai essayé de faire un lien "enfant" (en glissant le contenu absolu sur le conteneur tout en tenant l'option control) mais cela n'a pas fonctionné!
Y a t'il quelqu'un pour me dépanné?
d'avance un grand Merci !!!
Très bonne soirée,
Francois
je vous joint m-les codzs si ca peut vous donnez une piste:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-language" content="fr" />
<meta name="robots" content="follow, index, all" />
<meta name="description" content="Sité dédier à la très Sexy et adorable Top Model APHRODITE (Élisa Martinez)" />
<meta name="keywords" content="Top Model Aphrodite Elisa Martinez" />
<title>Sites des fotographes et de la Top Model Aphrodite (Elisa Martinez)</title>
<style type="text/css">
<!--
-->
</style>
<link href="communs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv2 {
position:absolute;
left:48px;
top:269px;
width:1000px;
height:510px;
z-index:3;
overflow: auto;
}
#apDiv2 p {
font-family: "Comic Sans MS", cursive;
font-size: 24px;
font-weight: bold;
color: #E00;
margin: 0px;
padding: 0px;
}
#apDiv2 p a img {
margin-top: 10px;
margin-left: 5px;
}
-->
</style>
</head>
<body>
<div id="apDiv2">
<p>SITES OFFICIELS d'APHRODITE </p>
<p><a href="http://aphrodite.bookfoto.com/" target="_blank"><img src="images/aphrodite.bookfoto.jpg" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://aphrodite-modele.com/" target="_blank"><img src="images/aphrodite modele.jpg" alt="" name="" width="460" height="60" border="0" /> </a></p>
<p> </p>
<p>MODELES:</p>
<p><a href="http://www.tom-mac-gregor.book.fr/" target="_blank"><img src="images/tommac.jpg" alt="" width="468" height="60" border="0" /></a></p>
<p> </p>
<p>SITES DE PHOTOGRAPHES:</p>
<p><a href="http://marciano.bookfoto.com/" target="_blank"><img src="images/Marciano.jpg" alt="" name="" width="460" height="60" border="0" /> </a></p>
<p><a href="http://www.focale31.com/photographes/qui_suis_je.php?id=1901" target="_blank"><img src="images/amour.jpg" alt="amour" width="460" height="60" border="0" longdesc="http://www.focale31.com/photographes/qui_suis_je.php?id=1901" /> </a></p>
<p><a href="http://www.photostyle.book.fr/" target="_blank"><img src="images/photostyle.jpg" alt="photostyle" width="460" height="60" border="0" longdesc="http:/http://www.photostyle.book.fr/" /> </a></p>
<p><a href="http://elsker.bookfoto.com/" target="_blank"><img src="images/elsker.jpg" alt="elsker" width="460" height="60" border="0" longdesc="http://elsker.bookfoto.com/" /></a></p>
<p><a href="http://muggia.bookspace.fr/"><img src="images/Muggia.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.gothicarea.com/home" target="_blank"> <img src="images/Gothicaera.gif" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://art-tf.over-blog.fr/ext/http://www.art-tf.fr/" target="_blank"><img src="images/arttf.gif" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.artzedeon.bookfoto.com/index.php" target="_blank"><img src="images/artzedeon.jpg" alt="" width="460" height="60" border="0" /></a> </p>
<p><a href="http://www.exquisesesquisses.com/" target="_blank"><img src="images/ELSKER.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://denissaintclair.deviantart.com/" target="_blank"><img src="images/denistclair.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.blanpiedrubini.com/" target="_blank"><img src="images/bellemere.gif" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.arno.montaf.com/index.php?page=accueil" target="_blank"><img src="images/arno-jaloin.jpg" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://memnoch.bookfoto.com/" target="_blank"><img src="images/memnoch.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.jdsphotos.book.fr/" target="_blank"><img src="images/jds.jpg" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://sensuelles.bookfoto.com/" target="_blank"><img src="images/sensuelles.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.manulyon.book.fr/" target="_blank"><img src="images/manulyon.gif" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://michelmericourt.bookfoto.com/index.php" target="_blank"><img src="images/mericourt.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://shakti.bookfoto.com/" target="_blank"><img src="images/Shakti.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://philbookart.bookfoto.com/" target="_blank"><img src="images/PHILBOOK.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.zphoto.fr/personne3591" target="_blank"><img src="images/JEHAN.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.digitalex.book.fr/" target="_blank"><img src="images/DigitalAlex.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.scalpart.com" target="_blank"><img src="images/scalp.gif" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.philippe-bousseau.com/index.htm" target="_blank"><img src="images/Bousseau.gif" alt="" width="460" height="60" border="0" /> </a></p>
<p><a href="http://terry.bookfoto.com/" target="_blank"><img src="images/Terry.jpg" alt="" width="460" height="60" border="0" /> </a></p>
<p><a href="http://philbookart.bookfoto.com/index.php" target="_blank"><img src="images/philbook.gif" alt="" width="460" height="60" border="0" /> </a></p>
<p><a href="http://www.denis-jaillard.book.fr/" target="_blank"><img src="images/denisjaillard.jpg" alt="" width="460" height="60" border="0" /> </a></p>
<p><a href="http://nekosai.com/" target="_blank"><img src="images/nekosai.jpg" alt="nekosai" width="460" height="60" border="0" longdesc="http://nekosai.com/" /></a></p>
<p> </p>
<p> </p>
</div>
<div id="conteneur">
<div id="entete"></div>
<div id="menu">
<ul>
<li><a href="acceuil.html"><img src="images/acceuilbouton.gif" alt="acceuil aphrodite" width="107" height="39" border="0" class="espace" id="accueil" /></a></li>
<li><img src="images/fondecran.gif" alt="fond écran aphrodite" width="167" height="40" border="0" class="espace" id="fondecran" /></li>
<li><a href="videos.html"><img src="images/videosbouton.gif" alt="clip aphrodite" width="97" height="41" border="0" class="espace" id="video" /></a></li>
<li><a href="liens.html"><img src="images/liensbouton.gif" alt="liens aphrodite" width="77" height="40" border="0" class="espace" id="liens" /></a></li>
<a href="http://www.livre-dor.net/livre.php?livredor=111788" target="_blank"><img src="images/messagesbouton.gif" alt="messages" width="119" height="39" border="0" class="espace" /> </a></span></li>
<li><a href="mailto:[email protected]" class="espace"><img src="/Fan-Aphrodite/images/mail.gif" alt="" width="107" height="39" border="0" /></a></li>
</ul>
</div>
<div id="contenu"></div>
<div id="bas"></div>
</div>
</body>
</html>
J'ai crée un p'tit site, dans la construction de mes pages je me suis servi de l'outil position absolue, mais plus tard j'ai lue que ce n'est pas correct.
J'ai essayé de faire un lien "enfant" (en glissant le contenu absolu sur le conteneur tout en tenant l'option control) mais cela n'a pas fonctionné!
Y a t'il quelqu'un pour me dépanné?
d'avance un grand Merci !!!
Très bonne soirée,
Francois
je vous joint m-les codzs si ca peut vous donnez une piste:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-language" content="fr" />
<meta name="robots" content="follow, index, all" />
<meta name="description" content="Sité dédier à la très Sexy et adorable Top Model APHRODITE (Élisa Martinez)" />
<meta name="keywords" content="Top Model Aphrodite Elisa Martinez" />
<title>Sites des fotographes et de la Top Model Aphrodite (Elisa Martinez)</title>
<style type="text/css">
<!--
-->
</style>
<link href="communs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv2 {
position:absolute;
left:48px;
top:269px;
width:1000px;
height:510px;
z-index:3;
overflow: auto;
}
#apDiv2 p {
font-family: "Comic Sans MS", cursive;
font-size: 24px;
font-weight: bold;
color: #E00;
margin: 0px;
padding: 0px;
}
#apDiv2 p a img {
margin-top: 10px;
margin-left: 5px;
}
-->
</style>
</head>
<body>
<div id="apDiv2">
<p>SITES OFFICIELS d'APHRODITE </p>
<p><a href="http://aphrodite.bookfoto.com/" target="_blank"><img src="images/aphrodite.bookfoto.jpg" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://aphrodite-modele.com/" target="_blank"><img src="images/aphrodite modele.jpg" alt="" name="" width="460" height="60" border="0" /> </a></p>
<p> </p>
<p>MODELES:</p>
<p><a href="http://www.tom-mac-gregor.book.fr/" target="_blank"><img src="images/tommac.jpg" alt="" width="468" height="60" border="0" /></a></p>
<p> </p>
<p>SITES DE PHOTOGRAPHES:</p>
<p><a href="http://marciano.bookfoto.com/" target="_blank"><img src="images/Marciano.jpg" alt="" name="" width="460" height="60" border="0" /> </a></p>
<p><a href="http://www.focale31.com/photographes/qui_suis_je.php?id=1901" target="_blank"><img src="images/amour.jpg" alt="amour" width="460" height="60" border="0" longdesc="http://www.focale31.com/photographes/qui_suis_je.php?id=1901" /> </a></p>
<p><a href="http://www.photostyle.book.fr/" target="_blank"><img src="images/photostyle.jpg" alt="photostyle" width="460" height="60" border="0" longdesc="http:/http://www.photostyle.book.fr/" /> </a></p>
<p><a href="http://elsker.bookfoto.com/" target="_blank"><img src="images/elsker.jpg" alt="elsker" width="460" height="60" border="0" longdesc="http://elsker.bookfoto.com/" /></a></p>
<p><a href="http://muggia.bookspace.fr/"><img src="images/Muggia.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.gothicarea.com/home" target="_blank"> <img src="images/Gothicaera.gif" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://art-tf.over-blog.fr/ext/http://www.art-tf.fr/" target="_blank"><img src="images/arttf.gif" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.artzedeon.bookfoto.com/index.php" target="_blank"><img src="images/artzedeon.jpg" alt="" width="460" height="60" border="0" /></a> </p>
<p><a href="http://www.exquisesesquisses.com/" target="_blank"><img src="images/ELSKER.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://denissaintclair.deviantart.com/" target="_blank"><img src="images/denistclair.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.blanpiedrubini.com/" target="_blank"><img src="images/bellemere.gif" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.arno.montaf.com/index.php?page=accueil" target="_blank"><img src="images/arno-jaloin.jpg" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://memnoch.bookfoto.com/" target="_blank"><img src="images/memnoch.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.jdsphotos.book.fr/" target="_blank"><img src="images/jds.jpg" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://sensuelles.bookfoto.com/" target="_blank"><img src="images/sensuelles.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.manulyon.book.fr/" target="_blank"><img src="images/manulyon.gif" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://michelmericourt.bookfoto.com/index.php" target="_blank"><img src="images/mericourt.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://shakti.bookfoto.com/" target="_blank"><img src="images/Shakti.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://philbookart.bookfoto.com/" target="_blank"><img src="images/PHILBOOK.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.zphoto.fr/personne3591" target="_blank"><img src="images/JEHAN.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.digitalex.book.fr/" target="_blank"><img src="images/DigitalAlex.gif" alt="" name="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.scalpart.com" target="_blank"><img src="images/scalp.gif" alt="" width="460" height="60" border="0" /></a></p>
<p><a href="http://www.philippe-bousseau.com/index.htm" target="_blank"><img src="images/Bousseau.gif" alt="" width="460" height="60" border="0" /> </a></p>
<p><a href="http://terry.bookfoto.com/" target="_blank"><img src="images/Terry.jpg" alt="" width="460" height="60" border="0" /> </a></p>
<p><a href="http://philbookart.bookfoto.com/index.php" target="_blank"><img src="images/philbook.gif" alt="" width="460" height="60" border="0" /> </a></p>
<p><a href="http://www.denis-jaillard.book.fr/" target="_blank"><img src="images/denisjaillard.jpg" alt="" width="460" height="60" border="0" /> </a></p>
<p><a href="http://nekosai.com/" target="_blank"><img src="images/nekosai.jpg" alt="nekosai" width="460" height="60" border="0" longdesc="http://nekosai.com/" /></a></p>
<p> </p>
<p> </p>
</div>
<div id="conteneur">
<div id="entete"></div>
<div id="menu">
<ul>
<li><a href="acceuil.html"><img src="images/acceuilbouton.gif" alt="acceuil aphrodite" width="107" height="39" border="0" class="espace" id="accueil" /></a></li>
<li><img src="images/fondecran.gif" alt="fond écran aphrodite" width="167" height="40" border="0" class="espace" id="fondecran" /></li>
<li><a href="videos.html"><img src="images/videosbouton.gif" alt="clip aphrodite" width="97" height="41" border="0" class="espace" id="video" /></a></li>
<li><a href="liens.html"><img src="images/liensbouton.gif" alt="liens aphrodite" width="77" height="40" border="0" class="espace" id="liens" /></a></li>
<a href="http://www.livre-dor.net/livre.php?livredor=111788" target="_blank"><img src="images/messagesbouton.gif" alt="messages" width="119" height="39" border="0" class="espace" /> </a></span></li>
<li><a href="mailto:[email protected]" class="espace"><img src="/Fan-Aphrodite/images/mail.gif" alt="" width="107" height="39" border="0" /></a></li>
</ul>
</div>
<div id="contenu"></div>
<div id="bas"></div>
</div>
</body>
</html>