centrer sa page internet - HTML/CSS - Programmation
Marsh Posté le 01-10-2006 à 20:51:05
pepitopepito a écrit : Dans la feuille de style tu met: |
hard failure
les divs sont placé en absolute
Marsh Posté le 01-10-2006 à 20:58:12
on va pas faire par 4 chemins. Ton site est bon à refaire entièrement, car tout est placé en position absolue.
On pourrait corriger le pb en mettant un fix à la con mais ça serait du n'importe quoi.
genre :
tu englobe tout ton site d'un
Code :
|
et en CSS :
Code :
|
Sinon je pense que tu perdrais moins de temps à tout refaire
Marsh Posté le 02-10-2006 à 23:15:44
gatsu35 a écrit : on va pas faire par 4 chemins. Ton site est bon à refaire entièrement, car tout est placé en position absolue.
|
Lol, Gatsu35 encore de bonne humeur
Marsh Posté le 02-10-2006 à 23:26:37
Si j'étais de mauvaise humeur je ne lui aurais pas donné de solution qui fonctionnerai sur son site (j'ai même pas testé mais je suis sur que ca marchera )
Marsh Posté le 01-10-2006 à 17:17:26
voila je viens de faire un site
http://www.espadream.fr.cx/
avec le programme macromedia dreamweaver mx
mais comme vous pouvez le voir ma page n est pas du tout centrée! pourriez vous m aider a la centrer ?
ps: je ne connais vraiment rien au html donc si vous me demandez d'ajouter du html indiqué moi exactement ou lol ^^
je vous met l'html d'une des pages comme ca vous pourrez me die ou ajouter exactement:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Espadream</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; left:78px; top:35px; width:240px; height:42px; z-index:1"><img src="HAUT.gif" width="800" height="45"></div>
<div id="Layer2" style="position:absolute; left:78px; top:79px; width:20px; height:30px; z-index:2"><img src="ENTRE1.gif" width="28" height="35"></div>
<div id="Layer4" style="position:absolute; left:79px; top:635px; width:544px; height:27px; z-index:4"><a href="contacterdesign.htm">
<img src="DESSOUS.gif" width="800" height="45" border="0"> </a></div>
<div id="Layer6" style="position:absolute; left:227px; top:79px; width:16px; height:5px; z-index:6"><img src="ENTRE2.gif" width="53" height="35"></div>
<div id="Layer6" style="position:absolute; left:78px; top:88px; width:798px; height:5px; z-index:6; visibility: inherit;"><img src="ENTRE2.gif" width="800" height="35"></div>
<div id="Layer3" style="position:absolute; left:104px; top:64px; width:93px; height:20px; z-index:7"><a href="accueilpage.htm"><img src="accueil.gif" width="139" height="46" border="0"></a></div>
<div id="Layer5" style="position:absolute; left:279px; top:68px; width:84px; height:0px; z-index:8"><a href="Leproduit.htm"><img src="PRODUIT.gif" width="168" height="35" border="0"></a></div>
<div id="Layer7" style="position:absolute; left:447px; top:70px; width:54px; height:35px; z-index:9"><img src="ENTRE3.gif" width="65" height="35"></div>
<div id="Layer8" style="position:absolute; left:511px; top:69px; width:122px; height:33px; z-index:10"><a href="l%27equipe.htm"><img src="EQUIPE.gif" width="121" height="35" border="0"></a></div>
<div id="Layer9" style="position:absolute; left:632px; top:69px; width:58px; height:33px; z-index:11"><img src="ENTRE4.gif" width="65" height="35"></div>
<div id="Layer10" style="position:absolute; left:697px; top:68px; width:88px; height:33px; z-index:12"><a href="contactpage.htm"><img src="contact.gif" width="134" height="35" border="0"></a></div>
<div id="Layer11" style="position:absolute; left:830px; top:68px; width:48px; height:15px; z-index:13"><img src="ENTRE5.gif" width="48" height="35"></div>
<div id="Layer12" style="position:absolute; left:68px; top:119px; width:18px; height:547px; z-index:14"><img src="ligne.gif" width="18" height="552"></div>
<div id="Layer13" style="position:absolute; left:867px; top:119px; width:17px; height:96px; z-index:15"><img src="ligne.gif" width="18" height="552"></div>
<div id="Layer14" style="position:absolute; left:220px; top:169px; width:126px; height:78px; z-index:16"><img src="texteaccueil.gif" width="511" height="379"></div>
<a href="contacterdesign.htm">
<!--Contacter le créateur.
-->
</a>
<div id="Layer15" style="position:absolute; left:897px; top:624px; width:47px; height:17px; z-index:17"><a href="Untitled-6.htm"><img src="CARR2BLANC.gif" width="57" height="29" border="0"></a></div>
</body>
</html>
merci d'avance