Salut à tous, je suis novice dans le domaine. J'ai créé mon site avec Dreamweaver mais je n'arrive pas à centrer le tout. J'ai utilisé plusieurs calques depuis Fireworks et Photoshop mais quand j'essaie de centrer le site, les calques partent dans tous les sens.
Je suis perdu.
Voici le code de mon site:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
onal.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Index.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
td img {display: block;}body {
background-image: url(SATRAMA%20copie.jpg);
}
#apDiv1 {
position:absolute;
left:18px;
top:177px;
width:492px;
height:365px;
z-index:1;
}
.Style2 {
color: #790202;
font-weight: bold;
font-size: 13px;
}
.Style3 {
font-size: 13px
}
.Style4 {font-weight: bold; color: #790202;}
#apDiv2 {
position:absolute;
left:567px;
top:169px;
width:391px;
height:304px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:576px;
top:531px;
width:341px;
height:313px;
z-index:3;
}
.Style5 {
color: #70202;
font-weight: bold;
font-style: italic;
}
.Style6 {color: #790202}
</style>
<!--Fireworks CS3 Dreamweaver CS3 target. Created Thu Jan 31 11:34:20 GMT+0100 2008-->
</head>
<body bgcolor="#ffffff">
<div id="apDiv1">
<div align="justify" class="Style3">C'est un renouveau: loin du tourisme de masse. Imaginez une longue plage de sable blanc, une mer turquoise, rien que pour vous.
Un accueil chaleureux, par un peuple attachant. </div>
<p align="justify" class="Style3">Un cadre naturel d'exception. Une faune et une flore uniques au monde à l'état sauvage.<br />
Laissez-vous guider dans un univers fabuleux et merveilleux. <br />
Une île, un pays, un continent, en un mot :<span class="Style4"> MADAGASCAR</span>.</p>
<p align="justify" class="Style3">Vous nâE™avez pas dâE™idée précise ? Laissez-nous vous proposer nos circuits, adaptables en <br />
fonction de votre budget et de vos centres dâE™intérêt !</p>
<p align="justify" class="Style3">Evitez les mauvaises surprises, les incidents et les circonstances hasardeuses grâce à notre <br />
présence et notre bonne connaissance du terrain.</p>
<p class="Style3"><span class="Style5"><span class="Style6">Qui somme-nous ?</span></span> Une équipe de jeunes Malgaches formés en tourisme et communication. Soucieux de valoriser un tourisme de qualité, nous proposons une approche participative, incluant le patrimoine, les riverains et vous ! </p>
<p class="Style3"> </p>
<p class="Style3">Proposition de circuits touristiques organisés ou à la carte: </p>
<p class="Style3">- circuit aventure<br />
- circuit éco-touristique<br />
- circuit balnéaire</p>
</div>
<div id="apDiv2">
<embed src="http://flash.picturetrail.com/pflicks/3/spf
lick.swf" quality="high" FlashVars="ql=2&src1=http://pic70.picturetra
il.com/VOL1799/10462438/flicks/1/3550436&src
2=http://widgetize.picturetrail.com/flicks/35504
36" wmode="transparent" bgcolor="#000000" width="460" height="350" name="carousel" align="middle" allowScriptAccess="sameDomain" style="height:350px;width:460px" type="application/x-shockwave-flash"></embed>
</div>
<div id="apDiv3">
<embed src="http://www.seekcodes.com/maplocator/show.sw
f?&baseURL=http://www.seekcodes.com/maplocat
or/&clickURL=http://www.seekcodes.com&cl
ickLABEL=Map Located at SeekCodes.com&rect=off&w=440&h=385&a
mp;address=MADAGASCAR&index=Bienvenue%20%C3%
A0%20Madagascar%0D&title=&description=SA
HA%20TRAVEL%20MADAGASCAR%0D&zoom=14&mark
er=10027161&stroke=16776960" quality="high" bgcolor="#ffffff" width="440" height="311" name="show" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getfla
shplayer" /></div>
<table width="800" border="0" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="Index.png" fwpage="Page 1" fwbase="Index.gif" fwstyle="Dreamweaver" fwdocid = "862106184" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="18" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="56" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="69" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="39" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="80" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="12" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="74" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="35" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="122" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="295" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="10"><img name="Index_r1_c1" src="Index_r1_c1.gif" width="800" height="104" border="0" id="Index_r1_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="104" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="4"><img name="Index_r2_c1" src="Index_r2_c1.gif" width="18" height="750" border="0" id="Index_r2_c1" alt="" /></td>
<td><a href="Index.htm"><img name="Index_r2_c2" src="Index_r2_c2.gif" width="56" height="26" border="0" id="Index_r2_c2" alt="" /></a></td>
<td colspan="2"><a href="Infos pratiques/Infos pratiques.htm"><img name="Index_r2_c3" src="Index_r2_c3.gif" width="108" height="26" border="0" id="Index_r2_c3" alt="" /></a></td>
<td colspan="2"><a href="Diaporamas/Diaporamas.htm"><img name="Index_r2_c5" src="Index_r2_c5.gif" width="92" height="26" border="0" id="Index_r2_c5" alt="" /></a></td>
<td><a href="Contact/Contact.htm"><img name="Index_r2_c7" src="Index_r2_c7.gif" width="74" height="26" border="0" id="Index_r2_c7" alt="" /></a></td>
<td rowspan="2" colspan="3"><img name="Index_r2_c8" src="Index_r2_c8.gif" width="452" height="591" border="0" id="Index_r2_c8" alt="" /></td>
<td><img src="spacer.gif" width="1" height="26" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="6"><img name="Index_r3_c2" src="Index_r3_c2.gif" width="330" height="565" border="0" id="Index_r3_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="565" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="Circuit Ouest/Circuit Ouest.htm"><img name="Index_r4_c2" src="Index_r4_c2.gif" width="125" height="105" border="0" id="Index_r4_c2" alt="" /></a></td>
<td colspan="2"><a href="Circuit Est/Circuit Est.htm"><img name="Index_r4_c4" src="Index_r4_c4.gif" width="119" height="105" border="0" id="Index_r4_c4" alt="" /></a></td>
<td colspan="3"><a href="Circuit Sud/Circuit Sud.htm"><img name="Index_r4_c6" src="Index_r4_c6.gif" width="121" height="105" border="0" id="Index_r4_c6" alt="" /></a></td>
<td><a href="Circuit Sud - Nord/Circuit Sud - Nord.htm"><img name="Index_r4_c9" src="Index_r4_c9.gif" width="122" height="105" border="0" id="Index_r4_c9" alt="" /></a></td>
<td rowspan="2"><img name="Index_r4_c10" src="Index_r4_c10.gif" width="295" height="159" border="0" id="Index_r4_c10" alt="" /></td>
<td><img src="spacer.gif" width="1" height="105" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="8"><img name="Index_r5_c2" src="Index_r5_c2.gif" width="487" height="54" border="0" id="Index_r5_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="54" border="0" alt="" /></td>
</tr>
</table>
</body>
</html>
rc="spacer.gif" width="122" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="295" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="10"><img name="Index_r1_c1" src="Index_r1_c1.gif" width="800" height="104" border="0" id="Index_r1_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="104" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="4"><img name="Index_r2_c1" src="Index_r2_c1.gif" width="18" height="750" border="0" id="Index_r2_c1" alt="" /></td>
<td><a href="Index.htm"><img name="Index_r2_c2" src="Index_r2_c2.gif" width="56" height="26" border="0" id="Index_r2_c2" alt="" /></a></td>
<td colspan="2"><a href="Infos pratiques/Infos pratiques.htm"><img name="Index_r2_c3" src="Index_r2_c3.gif" width="108" height="26" border="0" id="Index_r2_c3" alt="" /></a></td>
<td colspan="2"><a href="Diaporamas/Diaporamas.htm"><img name="Index_r2_c5" src="Index_r2_c5.gif" width="92" height="26" border="0" id="Index_r2_c5" alt="" /></a></td>
<td><a href="Contact/Contact.htm"><img name="Index_r2_c7" src="Index_r2_c7.gif" width="74" height="26" border="0" id="Index_r2_c7" alt="" /></a></td>
<td rowspan="2" colspan="3"><img name="Index_r2_c8" src="Index_r2_c8.gif" width="452" height="591" border="0" id="Index_r2_c8" alt="" /></td>
<td><img src="spacer.gif" width="1" height="26" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="6"><img name="Index_r3_c2" src="Index_r3_c2.gif" width="330" height="565" border="0" id="Index_r3_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="565" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="Circuit Ouest/Circuit Ouest.htm"><img name="Index_r4_c2" src="Index_r4_c2.gif" width="125" height="105" border="0" id="Index_r4_c2" alt="" /></a></td>
<td colspan="2"><a href="Circuit Est/Circuit Est.htm"><img name="Index_r4_c4" src="Index_r4_c4.gif" width="119" height="105" border="0" id="Index_r4_c4" alt="" /></a></td>
<td colspan="3"><a href="Circuit Sud/Circuit Sud.htm"><img name="Index_r4_c6" src="Index_r4_c6.gif" width="121" height="105" border="0" id="Index_r4_c6" alt="" /></a></td>
<td><a href="Circuit Sud - Nord/Circuit Sud - Nord.htm"><img name="Index_r4_c9" src="Index_r4_c9.gif" width="122" height="105" border="0" id="Index_r4_c9" alt="" /></a></td>
<td rowspan="2"><img name="Index_r4_c10" src="Index_r4_c10.gif" width="295" height="159" border="0" id="Index_r4_c10" alt="" /></td>
<td><img src="spacer.gif" width="1" height="105" border="0" alt="" /></td>
</tr>
<tr> Configuration: Windows Vista
Firefox 2.0.0.11
