Bonsoir à toutes et tous,
Un grand merci à qui pourra m'indiquer la méthode pour centrer, adapter, mes pages web que je fais
avec Dreamweaver.
En effet, selon la résolution, mes pages seront centrées ou non....et j'aimerais que toutes mes pages soient centrées sur toutes les résolutions (800,1024,1280...)
Je rame depuis plusieurs jours en prenant un tas d'infos sur google, mais je n'y arrive pas..
J'ai essayé plusieurs choses...enlevé l'absolute pour le remplacer par 100%, mis dans body width 100 %, align center...margin auto, etc...ça ne fonctionne pas...
Mille mercis à qui aura la solution...voici mon site : webarobaz.com/bonneville3.html
Mon site est ok en 1024X780 sur IE comme sur Mozilla, mais quand je change de résolution (ex 1280X960), mon site est décalé vers la gauche...comment remédier à ça...je rame, je cherche et ai essayé tout ce dont on m'a indiqué...mais rien n'y fait...
Help me, voici mon 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>
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?" ))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#" )!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
<table border="0" cellpadding="0" cellspacing="0" width="120">
<!--
fwtable fwsrc="Sans titre" fwpage="Page 1" fwbase="boutonfireworks3.gif" fwstyle="Dreamweaver" fwdocid = "1457026259" fwnested="0" -->
<tr>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="35" height="1" border="0" /></td><td><img src="images/spacer.gif" alt="" name="undefined_2" width="49" height="1" border="0" /></td><td><img src="images/spacer.gif" alt="" name="undefined_2" width="36" height="1" border="0" /></td><td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" /></td></tr>
<tr>
<td colspan="3"><img name="boutonfireworks3_r1_c1" src="images/boutonfireworks3_r1_c1.gif" width="120" height="13" border="0" id="boutonfireworks3_r1_c1" alt="" /></td><td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="13" border="0" /></td></tr>
<tr>
<td rowspan="2"><img name="boutonfireworks3_r2_c1" src="images/boutonfireworks3_r2_c1.gif" width="35" height="67" border="0" id="boutonfireworks3_r2_c1" alt="" /></td><td><a href="http://www.webarobaz.com" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','boutonfireworks3_r2_c2','images/boutonfireworks3_r2_c2_f2.gif','images/boutonfireworks3_r2_c2_f3.gif',1);" onclick="MM_nbGroup('down','navbar1','boutonfireworks3_r2_c2','images/boutonfireworks3_r2_c2_f3.gif',1);"><img name="boutonfireworks3_r2_c2" src="images/boutonfireworks3_r2_c2_f3.gif" width="49" height="18" border="0" id="boutonfireworks3_r2_c2" alt=""onload="MM_nbGroup('init','navbar1', 'boutonfireworks3_r2_c2','images/boutonfireworks3_r2_c2.gif',1)" /></a></td><td rowspan="2"><img name="boutonfireworks3_r2_c3" src="images/boutonfireworks3_r2_c3.gif" width="36" height="67" border="0" id="boutonfireworks3_r2_c3" alt="" /></td><td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="18" border="0" /></td></tr>
<tr>
<td><img name="boutonfireworks3_r3_c2" src="images/boutonfireworks3_r3_c2.gif" width="49" height="49" border="0" id="boutonfireworks3_r3_c2" alt="" /></td><td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="49" border="0" /></td></tr>
</table>#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
#apDiv2 {
position:absolute;
width:78px;
height:2px;
z-index:1;
left: 380px;
top: 44px;
}
#apDiv3 {
position:absolute;
width:126px;
height:102px;
z-index:2;
left: 10px;
top: 1164px;
}
#apDiv5 {
position:absolute;
width:126px;
height:102px;
z-index:3;
left: 140px;
top: 1161px;
}
#apDiv9 {
position:absolute;
width:126px;
height:52px;
z-index:4;
left: 206px;
top: 349px;
}
#apDiv11 {
position:absolute;
width:126px;
height:115px;
z-index:5;
left: 145px;
top: 1273px;
}
#apDiv16 {
position:absolute;
width:126px;
height:115px;
z-index:1;
}
#apDiv18 {
position:absolute;
width:125px;
height:84px;
z-index:2;
left: 253px;
top: 195px;
}
#apDiv19 {
position:absolute;
width:36px;
height:115px;
z-index:5;
left: 352px;
top: 380px;
}
#apDiv20 {
position:absolute;
width:129px;
height:115px;
z-index:6;
left: 332px;
top: 350px;
}
#apDiv21 {
position:absolute;
width:146px;
height:115px;
z-index:7;
left: 12px;
top: 1023px;
}
#texdefil {
position:absolute;
width:120px;
height:179px;
z-index:8;
left: 94px;
top: 577px;
background-color: #CCCCCC;
}
.Style1 {
color: #FF6600;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
#apDiv22 {
position:absolute;
width:146px;
height:115px;
z-index:1;
left: -262px;
top: -110px;
}
#apDiv23 {
position:absolute;
width:181px;
height:233px;
z-index:9;
left: 693px;
top: 495px;
}
#apDiv24 {
position:absolute;
width:90px;
height:22px;
z-index:1;
left: 549px;
top: 191px;
}
#apDiv25 {
position:absolute;
width:200px;
height:36px;
z-index:1;
left: 346px;
top: 174px;
}
#apDiv26 {
position:absolute;
width:107px;
height:28px;
z-index:2;
left: 532px;
top: 391px;
}
#apDiv27 {
position:absolute;
width:200px;
height:40px;
z-index:2;
left: 107px;
top: 173px;
}
#apDiv28 {
position:absolute;
width:321px;
height:294px;
z-index:10;
left: 228px;
top: 1129px;
}
body {
background-image: url();
background-color: #98A9AD;
}
#apDiv29 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: 267px;
top: 201px;
}
#apDiv30 {
position:absolute;
width:255px;
height:84px;
z-index:10;
left: 656px;
top: 356px;
background-image: url(photosocietecardinreduit3.jpg);
}
#apDiv31 {
position:absolute;
width:256px;
height:84px;
z-index:11;
left: 655px;
top: 269px;
}
#apDiv32 {
position:absolute;
width:200px;
height:115px;
z-index:12;
left: 84px;
top: 38px;
}
#apDiv33 {
position:absolute;
width:200px;
height:254px;
z-index:13;
left: 53px;
top: 4px;
}
#apDiv34 {
position:absolute;
width:200px;
height:115px;
z-index:14;
left: 85px;
top: 372px;
}
#apDiv35 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 0px;
top: 161px;
}
#apDiv36 {
position:absolute;
width:200px;
height:212px;
z-index:1;
left: -1px;
top: 160px;
}
#apDiv37 {
position:absolute;
width:255px;
height:317px;
z-index:15;
left: 656px;
top: 445px;
background-color: #499A01;
}
#apDiv38 {
position:absolute;
width:164px;
height:67px;
z-index:16;
left: 454px;
top: 681px;
background-color: #73BB71;
}
#apDiv39 {
position:absolute;
width:149px;
height:31px;
z-index:2;
left: 196px;
top: 227px;
}
#apDiv40 {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
#apDiv41 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 195px;
top: 95px;
}
#apDiv42 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: 208px;
top: 1143px;
}
#apDiv43 {
position:absolute;
width:826px;
height:115px;
z-index:17;
left: 75px;
top: 363px;
}
#apDiv44 {
position:absolute;
width:104px;
height:115px;
z-index:1;
left: 210px;
top: 896px;
}
#apDiv45 {
position:absolute;
width:200px;
height:249px;
z-index:1;
left: -8px;
top: 301px;
background-color: #0000FF;
}
#apDiv46 {
position:absolute;
width:200px;
height:348px;
z-index:1;
left: 171px;
top: 320px;
}
#apDiv47 {
position:absolute;
width:200px;
height:310px;
z-index:1;
left: 185px;
top: 778px;
background-color: #0033CC;
}
a:link {
color: #FF6600;
font-weight: bold;
}
a:visited {
color: #FF6600;
}
a:hover {
color: #FFFFFF;
}
a:active {
color: #FF6600;
}
#apDiv48 {
position:absolute;
width:50px;
height:819px;
z-index:1;
left: -51px;
top: -270px;
}
#apDiv49 {
position:absolute;
width:411px;
height:486px;
z-index:2;
left: 147px;
top: 0px;
background-image: url(yeux6.jpg);
overflow: auto;
border-width: 2px;
border-style: solid;
border-color: #038756;
}
#apDiv50 {
position:absolute;
width:200px;
height:27px;
z-index:17;
left: 226px;
top: -208px;
}
#apDiv51 {
position:absolute;
width:47px;
height:1251px;
z-index:1;
left: 906px;
background-color: #CCCCCC;
top: -2px;
}
#apDiv52 {
position:absolute;
width:65px;
height:24px;
z-index:1;
left: 5px;
top: 98px;
}
body,td,th {
color: #000000;
}
#apDiv53 {
position:absolute;
width:824px;
height:54px;
z-index:2;
left: 51px;
top: 764px;
}
#apDiv54 {
position:absolute;
width:83px;
height:63px;
z-index:2;
left: 435px;
top: 326px;
}
#apDiv55 {
position:absolute;
width:200px;
height:118px;
z-index:3;
left: 205px;
top: 20px;
}
#apDiv56 {
position:absolute;
width:50px;
height:1241px;
z-index:17;
left: 1px;
top: 2px;
}
#apDiv57 {
position:absolute;
width:145px;
height:115px;
z-index:2;
top: 265px;
left: -1px;
}
#apDiv58 {
position:absolute;
width:869px;
height:51px;
z-index:18;
left: 53px;
top: 1206px;
}
#apDiv59 {
position:absolute;
width:410px;
height:488px;
z-index:3;
left: 174px;
top: 267px;
border-width: 2px;
border-style: solid;
border-color: #038756;
}
#apDiv60 {
position:absolute;
width:36px;
height:25px;
z-index:1;
left: 4px;
top: 51px;
}
#apDiv61 {
position:absolute;
width:49px;
height:22px;
z-index:4;
left: 571px;
top: 444px;
}
#apDiv62 {
position:absolute;
width:47px;
height:30px;
z-index:19;
left: 605px;
top: 384px;
}
.Style5 {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
#apDiv63 {
position:absolute;
width:61px;
height:26px;
z-index:4;
left: 108px;
top: 268px;
}td img {display: block;}
#apDiv64 {
position:absolute;
width:58px;
height:25px;
z-index:19;
left: 161px;
top: 306px;
}
#apDiv65 {
position:absolute;
width:72px;
height:26px;
z-index:20;
left: 65px;
top: 280px;
background-color: #336699;
}
#apDiv66 {
position:absolute;
width:72px;
height:26px;
z-index:21;
left: 65px;
top: 318px;
background-color: #336699;
}
#apDiv67 {
position:absolute;
width:72px;
height:26px;
z-index:22;
left: 147px;
top: 280px;
background-color: #336699;
}
#apDiv68 {
position:absolute;
width:72px;
height:26px;
z-index:23;
left: 147px;
top: 318px;
background-color: #336699;
}
#apDiv69 {
position:absolute;
width:128px;
height:115px;
z-index:24;
left: 73px;
top: 542px;
}td img {display: block;}td img {display: block;}
.Style9 {font-size: 12px}
#apDiv70 {
position:absolute;
width:138px;
height:148px;
z-index:25;
left: 69px;
top: 357px;
a.vertical {
color: white;
background-color: #000080;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 5px;
border: 2px outset #c0c0c0;
display: block;
width: 100px;
}
a.vertical:hover {
background-color: #6495ED;
background-image: url(aqua.jpg);
border: 2px inset #c0c0c0;
}
}
a.vertical {
color: white;
background-color: #000080;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 5px;
border: 2px outset #c0c0c0;
display: block;
width: 100px;
}
a.vertical:hover {
background-color: #6495ED;
background-image: url(aqua.jpg);
border: 2px inset #c0c0c0;
}
#apDiv71 {
position:absolute;
width:133px;
height:158px;
z-index:4;
left: 20px;
top: 354px;
}
.vertical a {
color: white;
background-color: #000080;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 5px;
border: 2px outset #c0c0c0;
display: block;
width: 100px;
}
.vertical a:hover {
background-color: #6495ED;
background-image: url(aqua.jpg);
border: 2px inset #c0c0c0;
}
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="apDiv4" >
<div id="apDiv17"></div>
</div>
<div id="apDiv6">
<div id="apDiv7">
<div id="apDiv1"></div>
<div id="apDiv23">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','180','height','230','src','lienproduitsok5','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','lienproduitsok5' ); //end AC code
</script><noscript><object classid="clsid
27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="180" height="230">
<param name="movie" value="lienproduitsok5.swf" />
<param name="quality" value="high" />
<embed src="lienproduitsok5.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="180" height="230"></embed>
</object>
</noscript></div>
<div id="apDiv30">
<MARQUEE behavior="scroll" align="center" direction="right" height="80" scrollamount="2" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()' style="border-color:green ; border-width:5; border-style:inset">
<a href="cardin.html"><img src="logocardin8080.jpg" width="80" height="80" ALT ="logo cardin."BORDER="0"/></a>
<a href="guttomat.html"><img src="logo.guttomat.jpg" width="80" height="80" ALT ="logo guttomat."BORDER="0"/></a>
<a href="hormann.html"><img src="logo.hormann.jpg" width="80" height="80" ALT ="logo hormann."BORDER="0"/></a>
<a href="somfy.html"><img src="logo_somfy.jpg" width="80" height="80" ALT ="logo somfy."BORDER="0"/></a>
</MARQUEE>
</div>
<div id="apDiv31"><img src="nospartenairesbanniere3.jpg" width="256" height="84" /></div>
</div>
<div id="apDiv10"></div>
<div id="apDiv14"></div>
<div id="apDiv15"></div>
</div>
<div id="apDiv8">
<div id="apDiv12">
<div id="apDiv13"></div>
</div>
</div>
</div>
</div>
<div id="apDiv33">
<div id="apDiv51"><img src="lateral.jpg" width="50" height="1255" /></div>
<div id="apDiv59">
<table width="397" border="1" bordercolor="#000000">
<tr>
<td width="387" bgcolor="#99CC99"><a href="galerie.html">Galerie</a></td>
</tr>
<tr>
<td height="58" bgcolor="#CCCCCC"><div align="center"><strong><span class="Style1"> Bonneville</span> <span class="Style1">Automatismes</span></strong><br />
<span class="Style5">16 RUE SAGLIO <br />
67100 STRASBOURG</span><br />
<span class="Style9">Tél. : <strong>03 88 29 03 09</strong></span> <br />
<span class="Style9">Fax. : <strong>03 88 29 15 99</strong></span> <br />
Mail : <a href="bonneville.automatismes@wanadoo.fr">bonneville.automatismes@wanadoo.fr</a><br />
<br />
</div></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><div align="center"><strong>Travaux de menuiserie métallique, serrurerie<br />
Achat, vente, fourniture, pose, entretien, import-export, représentation, courtage d'articles de fermeture et de motorisation ; pour toutes fermetures, volets roulants et grilles. Toutes opérations industrielles ou financières s'y attachant.</strong></div></td>
</tr>
<tr>
<td height="46" bgcolor="#CCCCCC"><div align="center"></div></td>
</tr>
<tr>
<td height="213" bgcolor="#CCCCCC"><div align="center"><img src="dessinportail.jpg" width="208" height="169" border="1" /></div></td>
</tr>
<tr>
<td height="131" bgcolor="#CCCCCC"><div align="center"><img src="antriebe.jpg" width="140" height="93" border="1" /></div></td>
</tr>
</table>
</div>
<div id="apDiv71" class="vertical">
<p>
<a href="bonneville3.html">Accueil</a>
<a href="bonneville3.html">Produits</a>
<a href="contact3.php">Contact</a>
<a href="bonneville3.html">Société</a> </p>
</div>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','903','height','253','src','banniere2c4','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','banniere2c4' ); //end AC code
</script>
<noscript>
<object classid="clsid
27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="903" height="253">
<param name="movie" value="banniere2c4.swf" />
<param name="quality" value="high" />
<embed src="banniere2c4.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="903" height="253"></embed>
</object>
</noscript>
</div>
<div id="apDiv37"></div>
<div id="apDiv56"><img src="lateral.jpg" width="50" height="1255" />
<div id="apDiv60"><a href="bonneville2.html">Intro1</a></div>
</div>
<div id="apDiv58"><img src="footer9.jpg" width="906" height="50" /></div>
<div id="apDiv65">
<div align="center"><strong><a href="bonneville3.html">Accueil</a></strong></div>
</div>
<div id="apDiv67">
<div align="center"><strong><a href="bonneville3.html">Produits</a></strong></div>
</div>
<div id="apDiv66">
<div align="center"><strong><a href="contact3.php">Contact</a></strong></div>
</div>
<div id="apDiv68">
<div align="center"><strong><a href="bonneville3.html">Société</a></strong></div>
</div>
<div id="apDiv69">
<table border="0" cellpadding="0" cellspacing="0" width="120">
<!-- fwtable fwsrc="cadrepartenaire.png" fwpage="Page 1" fwbase="cadrepartenaires.jpg" fwstyle="Dreamweaver" fwdocid = "164954137" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="119" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td colspan="2"><img name="cadrepartenaires_r1_c1" src="cadrepartenaires_r1_c1.jpg" width="120" height="36" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="36" border="0" alt=""></td>
</tr>
<tr>
<td colspan="2"><a href="http://www.webarobaz.com/cardin.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('cadrepartenaires_r2_c1','','cadrepartenaires_r2_c1_f2.jpg',1);"><img name="cadrepartenaires_r2_c1" src="cadrepartenaires_r2_c1.jpg" width="120" height="12" border="0" alt=""></a></td>
<td><img src="spacer.gif" width="1" height="12" border="0" alt=""></td>
</tr>
<tr>
<td colspan="2"><img name="cadrepartenaires_r3_c1" src="cadrepartenaires_r3_c1.jpg" width="120" height="105" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="105" border="0" alt=""></td>
</tr>
<tr>
<td><a href="http://www.webarobaz.com/somfy.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('cadrepartenaires_r4_c1','','cadrepartenaires_r4_c1_f2.jpg',1);"><img name="cadrepartenaires_r4_c1" src="cadrepartenaires_r4_c1.jpg" width="119" height="13" border="0" alt=""></a></td>
<td rowspan="4"><img name="cadrepartenaires_r4_c2" src="cadrepartenaires_r4_c2.jpg" width="1" height="254" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="13" border="0" alt=""></td>
</tr>
<tr>
<td><img name="cadrepartenaires_r5_c1" src="cadrepartenaires_r5_c1.jpg" width="119" height="114" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="114" border="0" alt=""></td>
</tr>
<tr>
<td><a href="http://www.webarobaz.com/guttomat.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('cadrepartenaires_r6_c1','','cadrepartenaires_r6_c1_f2.jpg',1);"><img name="cadrepartenaires_r6_c1" src="cadrepartenaires_r6_c1.jpg" width="119" height="10" border="0" alt=""></a></td>
<td><img src="spacer.gif" width="1" height="10" border="0" alt=""></td>
</tr>
<tr>
<td><img name="cadrepartenaires_r7_c1" src="cadrepartenaires_r7_c1.jpg" width="119" height="117" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="117" border="0" alt=""></td>
</tr>
<tr>
<td colspan="2"><a href="http://www.webarobaz.com/hormann.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('cadrepartenaires_r8_c1','','cadrepartenaires_r8_c1_f2.jpg',1);"><img name="cadrepartenaires_r8_c1" src="cadrepartenaires_r8_c1.jpg" width="120" height="18" border="0" alt=""></a></td>
<td><img src="spacer.gif" width="1" height="18" border="0" alt=""></td>
</tr>
<tr>
<td colspan="2"><img name="cadrepartenaires_r9_c1" src="cadrepartenaires_r9_c1.jpg" width="120" height="175" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="175" border="0" alt=""></td>
</tr>
</table></div>
</body>
</html>
En fait, mon site est ok en 1024X780 avec IE et MOZILLA, par contre, quand je passe en résolution 1280X960 par exemple, mon site est décalé vers la gauche...
Je débute et dois au plus tard fin aout mettre en ligne ce site...merci d'avance de votre aide...je désespère..MERCI
A bientot j'espère
Tu mets ton site dans un seul tableau que tu centres..
Merci de ta réponse, mais paraît-il que pour le référencement c'est pas top !
J'ai lu plusieurs conseils qui disent d'éviter les tableaux.
Y aurait-il pas une autre solution ? Css, html ?
Merci encore pour ta réponse
Salut,
Tu mets <div align="center"> juste après la balise <body>
et </div> juste avant </body> et le tour est joué !
Répondre à Thefanatics
Oui ou alors il faut utiliser des largeurs en % et non en pixels dans tes css et la fenetre va s'adapter à la résolution
Il y a 1308 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.
