Bonjour,
Alors voila, au depart j'avais fait un site totalement avec dreamweaver mais celui ci met de l'absolute partout et du coup des que le site etait affiché sur un ecran avec une resolution inferieure a 1152*864.
J'ai donc commencé a le refaire en utilisant la position relative. Le probleme maintenant c'est que mon site n'est pas centré et que j'ai un ascenseur en bas qui me permet d'aller sur le coté droit de mon site. Coté ou il n'y a que du noir...
Si vous pouviez m'aider a comprendre ca m'arrangerait.
Voila le code
D'avance merci
Modifié par anonimus (11 Dec 2009 - 16:45)
Alors voila, au depart j'avais fait un site totalement avec dreamweaver mais celui ci met de l'absolute partout et du coup des que le site etait affiché sur un ecran avec une resolution inferieure a 1152*864.
J'ai donc commencé a le refaire en utilisant la position relative. Le probleme maintenant c'est que mon site n'est pas centré et que j'ai un ascenseur en bas qui me permet d'aller sur le coté droit de mon site. Coté ou il n'y a que du noir...
Si vous pouviez m'aider a comprendre ca m'arrangerait.
Voila le code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Go Down Laughing - Accueil</title>
<style type="text/css">
<!--
body {
background-color: #000000;
background-repeat: repeat-y;
width:100%;
}
#Layer1 {
position:absolute;
left: 1px;
z-index:0;
top: 11px;
}
#Layer2 {
position:relative;
width:200px;
z-index:1;
left: 150px;
top:-10px;
}
#Layer3 {
position:relative;
z-index:1;
left:600px;
top:-100px;
width: 300;
}
#Layer4 {
position:relative;
z-index:1;
left:350px;
top:-80px;
width: 150;
}
#Layer5 {
position:relative;
z-index:1;
left:502px;
top:-120px;
width: 150;
}
#Layer6 {
position:relative;
z-index:1;
left:654px;
top:-159px;
width: 110;
}
#Layer7 {
position:relative;
z-index:1;
width: 750;
top:-110px;
left:122px;
}
#Layer8 {
position:relative;
z-index:1;
width: 100;
top:-215px;
left:580px;
}
#Layer9 {
position:relative;
z-index:1;
width: 100;
top:-237px;
left:685px;
}
</style>
<div id="Layer1">
<table width="1093" height="1663" border="0">
<tr>
<td width="151"> </td>
<td width="805" bgcolor="#FFFFFF"> </td>
<td width="123"> </td>
</tr>
</table>
</div>
<div id="Layer2"><a href="index.html"><img src="Images/logo.png" width="200" height="200" border="0" /></a></div>
<div id="Layer3">Bienvenue sur le site Go Down Laughing </div>
<div id="Layer4"><a href="index.html"><img src="Images/accueil.png" border="0" /></a></div>
<div id="Layer5"><a href="quisommesnous.html"><img src="Images/quisommesnous.png" border="0" /></a></div>
<div id="Layer6"><a href="infospratiques.html"><img src="Images/infospratiques.png" border="0" /></a></div>
<div id="Layer7"><img src="Images/banniereevent.png" width="850" height="62" /></div>
<div id="Layer8"><img src="Images/facebook.png" /></div>
<div id="Layer9"><img src="Images/myspace.png" /></div>
</body>
</html>
D'avance merci
Modifié par anonimus (11 Dec 2009 - 16:45)
