Version complète: sur le forum Webmaster Hub : Probleme avec images qui défilent
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
roro67
mercredi 24 septembre 2008 à 21:51
Bonsoir à toutes et tous,

J'ai un gros souci avec une balise dans la quelle j'ai insérée des images qui défilent de vers la droite.
En fait, je viens de créer une nouvelle page dans mon site avec tous les éléments que j'avais dans une autre page..mais en y mettant un conteneur pour centrer tout le site...
Auparavant, mes images défilaient parfaitement bien sur toutes les pages, mais là, il n'y a que la 1ère qui défile sur IE7, et sur mozilla toutes les images défilent en même temps alors qu'elles devaient suivre une derrière l'autre...je ne comprens pas puisque c'est exactement le même code que dans les autres pages (copié-collé). sur ma nouvelle page lorsque je clique sur les images dans dreamweaver il est indiqué balise imageet il n'y a aucune séparation d'une image à l'autre..
http://www.webarobaz.com/accueil
mon code de la page :

CODE-BOX
<!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=utf-8" />
<title>Accueil</title>
<style type="text/css">td img {display: block;}</style>
<script language="javascript1.2" type="text/javascript">

<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
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];}}
}

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[i][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_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>

<style type="text/css">
<!--
body {
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
background-image: url(fond_page.jpg);
}
#global {
position:relative;
margin-left:auto;
margin-right:auto;
width:827px;
height:1364px;
z-index:1;
text-align:left;
border:ridge #3300FF 3px;
}
#bandeau {
position:absolute;
width:827px;
height:173px;
z-index:1;
}
#contenu {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 150px;
top: 172px;
}
#menugauche {
position:absolute;
width:150px;
height:1145px;
z-index:2;
left: 0px;
top: 172px;
background-image: url(fond_global6.jpg);
}
#menucadre {
position:absolute;
width:117px;
height:85px;
z-index:1;
left: 15px;
top: 14px;
}
#menudroit {
position:absolute;
width:156px;
height:1145px;
z-index:2;
left: 520px;
top: -1px;
background-image: url(fond_global6.jpg);
}
#apDiv1 {
position:absolute;
width:152px;
height:85px;
z-index:2;
left: 2px;
top: 269px;
}
#apDiv2 {
position:absolute;
width:144px;
height:252px;
z-index:2;
left: 6px;
top: 7px;
}
#apDiv3 {
position:absolute;
width:59px;
height:28px;
z-index:2;
left: 5px;
top: 1113px;
}
#apDiv4 {
position:absolute;
width:827px;
height:44px;
z-index:3;
left: 0px;
top: 1319px;
background-image: url(fond_footer.jpg);
}
#apDiv5 {
position:absolute;
width:814px;
height:26px;
z-index:2;
left: 3px;
top: 9px;
}
.Style1 {
color: #FF9933;
font-family: "Stylistic SF";
font-size: 24px;
}
.Style20 {font-family: Arial, Helvetica, sans-serif; color: #FF9900;}

.Style9 {font-size: 12px}

.Style34 {
font-size: 14px;
color: #FF6600;
font-weight: bold;
font-family: modern;
}
.Style36 {
font-size: 10px;
color: #666666;
}
body,td,th {
font-size: 12px;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
#apDiv6 {
position:absolute;
width:150px;
height:80px;
z-index:4;
left: 3px;
top: 361px;
background-image: url(fond_defil.jpg);
}


-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<div id="global">
<div id="bandeau">
<div id="contenu">
<table width="519" height="1145" bgcolor="#EBE9ED">
<tr bgcolor="#FFFFFF">
<td width="511" height="151" bgcolor="#5978A6"><div align="center"><strong><span class="Style1"> Bonneville</span> <span class="Style1">Automatismes</span></strong>
<div id="menudroit">
<div id="apDiv2">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','144','height','250','src','Anim_lateral','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Anim_lateral' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="144" height="250">
<param name="movie" value="Anim_lateral.swf" />
<param name="quality" value="high" />
<embed src="Anim_lateral.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="144" height="250"></embed>
</object>
</noscript></div><div id="apDiv1">
<img src="nospartcadre3.gif" width="150" height="84" /></div>
<div id="apDiv6">
<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><img src="logocardin8080.jpg" width="80" height="80" alt ="logo cardin."border="0"/></a><a><img src="logo.guttomat.jpg" width="80" height="80" alt ="logo guttomat."border="0"/></a>
<a ><img src="logo.hormann.jpg" width="80" height="80" alt ="logo hormann."border="0"/></a>
<a ><img src="logo_somfy.jpg" width="80" height="80" ALT ="logo somfy."BORDER="0"/></a>
<a ><img src="logo.lakal2.jpg" width="80" height="80" ALT ="logo lakal."BORDER="0"/> </a>
<a ><img src="logo-inner.jpg" width="80" height="80" ALT ="logo inner."BORDER="0"/></a>
<a ><img src="logo-nice.jpg" width="80" height="80" ALT ="logo nice."BORDER="0"/></a>
<a ><img src="logo-berner.jpg" width="80" height="80" ALT ="logo berner."BORDER="0"/></a>
</MARQUEE>
</div>
<div id="apDiv3"><a href="#haut">Haut</a></div>
</div>
<span class="Style30"><br />
<span class="Style5">1</span></span>
<span class="Style30"><span class="Style5">6 </span></span><span class="Style30"><span class="Style5">RUE SAGLIO <br />
6710</span></span>
<span class="Style30"><span class="Style5">0 STRASBOURG</span></span><span class="Style23"><br />
Tél. : <strong>03 88 29 03 09</strong></span> <span class="Style23"><br />
Fax. : <strong>03 88 29 15 99</strong></span> <span class="Style23"><br />
<span class="Style9">Mail : <a href= " mailto:bonneville.automatismes_AT_wanadoo.fr">bonneville.automatismes_AT_wanadoo.fr</a></span><br />
</span><br />
</div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="763" bgcolor="#5979B5"><p align="center" class="Style31"><span class="Style25">Bonneville Automatismes</span><span class="Style26"> « Le bien être</span></p>
<p align="center" class="Style31"><span class="Style26"> de nos clients » </span><br />
</p>
<p align="center" class="Style31"> <br />
<span class="Style39">Créée en Juillet 2002, Bonneville Automatismes, Entreprise jeune et dynamique met à votre service des méthodes de travail précises et innovantes respectant les procédures en normes « qualité ». </span></p>
<p align="center" class="Style39">Respectueux du « service rendu », nous utilisons du matériel professionnel, issu<br />
de fournisseurs réputés et de forte notoriété.</p>
<p align="center" class="Style37">Pour vous satisfaire, nous proposons une gamme de services, en fourniture et pose,<br />
qui englobe les fermetures et automatisme de votre maison, de votre bureau, ou de votre local industriel. </p>
<p align="center" class="Style37">Notre expérience nous permet une mise en oeuvre professionnelle certifiée.</p>
<p align="center" class="Style37">Nous sommes à votre écoute pour vous établir des devis « gratuits » et personnalisés.</p>
<p align="center" class="Style37">Notre site vous offre une consultation de l’ensemble de notre catalogue (exemples: volets roulants <strong>Lakal</strong>, automatismes <strong>Somfy</strong>, Portails sur mesures en aluminium, acier ou PVC,<br />
automatismes pour portail <strong>CARDIN</strong>, <strong>NICE</strong>, etc..).<br />
</p>
<p align="center" class="Style41"><strong>Notre gamme</strong></p>
<p align="center" class="Style41"> - Toutes motorisations : Portails, battants &amp; coulissants. <br />
- Volets roulants, rideaux de fer, micro perforé, laqué... <br />
- Systèmes de télécommandes TOUTES MARQUES.<br />
- Portes de garages sectionnelles isolantes pour l’habitat et l'industrie.<br />
- Contrat d’entretien avec service 24h :24h</p>
<p align="center" class="Style41">Nos documentations sont à votre disposition ... </p>
<p align="center"><br />
</p>
<p align="center"></p>
<div align="center"><a href="contact3.php">Nous contacter</a></div></td>
</tr>
<tr>
<td height="163" bordercolor="#000000" bgcolor="#6F7A91"><div align="center"><img src="antriebe.jpg" width="140" height="93" border="1" />

</div></td>
</tr>
</table>
</div><div id="apDiv4">
<div class="Style20" id="apDiv5">
<table width="816">
<tr>
<th width="257" scope="col"><div align="left"><span class="Style34">Bonneville Automatismes</span></div></th>
<th width="72" scope="col"><div align="center"><span class="Style9 Style14"><a href="bonneville3.html">Accueil</a></span></div></th>
<th width="89" scope="col"><div align="center"><span class="Style9 Style14"><a href="plan.html">Plan d'accès</a></span></div></th>
<th width="86" scope="col"><div align="center" class="Style14"><span class="Style9"><a href="partenaires.html">Partenaires</a></span></div></th>
<th width="61" scope="col"><div align="center" class="Style14"><span class="Style9"><a href="contact3.php">Contact</a></span></div></th>
<th width="223" scope="col"><div align="right"><span class="Style12 Style36">Création et Design : webarobaz.com</span></div></th>
</tr>
</table>
</div></div>
<div id="menugauche">

CODE-BOX

<div id="menucadre" onload="MM_preloadImages('cadrepartenaires34_r2_c2_f2.jpg','cadrepartenaires34_r2_c2_f4.jpg', 'cadrepartenaires34_r2_c2_f3.jpg','cadrepartenaires34_r3_c10_f2.jpg','cadrepartenaires34_r3_c10_f4.jpg','cadrepartenaires34_r3_c10_f3.jpg', 'cadrepartenaires34_r4_c8_f2.jpg','cadrepartenaires34_r4_c8_f4.jpg','cadrepartenaires34_r4_c8_f3.jpg','cadrepartenaires34_r7_c2_f2.jpg','cadrepartenaires34_r7_c2_f4.jpg', 'cadrepartenaires34_r7_c2_f3.jpg','cadrepartenaires34_r7_c7_f2.jpg','cadrepartenaires34_r7_c7_f4.jpg','cadrepartenaires34_r7_c7_f3.jpg','cadrepartenaires34_r9_c7_f2.jpg' ,'cadrepartenaires34_r9_c7_f4.jpg','cadrepartenaires34_r9_c7_f3.jpg','cadrepartenaires34_r12_c7_f2.jpg','cadrepartenaires34_r12_c7_f4.jpg','cadrepartenaires34_r12_c7_f3.jpg', 'cadrepartenaires34_r13_c2_f2.jpg','cadrepartenaires34_r13_c2_f4.jpg','cadrepartenaires34_r13_c2_f3.jpg','cadrepartenaires34_r15_c6_f2.jpg','cadrepartenaires34_r15_c6_f4.jpg', 'cadrepartenaires34_r15_c6_f3.jpg','cadrepartenaires34_r18_c3_f2.jpg','cadrepartenaires34_r18_c3_f4.jpg','cadrepartenaires34_r18_c3_f3.jpg','cadrepartenaires34_r18_c9_f2.jpg', 'cadrepartenaires34_r18_c9_f4.jpg','cadrepartenaires34_r18_c9_f3.jpg','cadrepartenaires34_r20_c8_f2.jpg','cadrepartenaires34_r20_c8_f4.jpg','cadrepartenaires34_r20_c8_f3.jpg' ,'cadrepartenaires34_r23_c4_f2.jpg','cadrepartenaires34_r23_c4_f4.jpg','cadrepartenaires34_r23_c4_f3.jpg','cadrepartenaires34_r25_c8_f2.jpg','cadrepartenaires34_r25_c8_f4.jpg', 'cadrepartenaires34_r25_c8_f3.jpg','cadrepartenaires34_r27_c7_f2.jpg','cadrepartenaires34_r29_c5_f2.jpg','cadrepartenaires34_r29_c5_f4.jpg','cadrepartenaires34_r29_c5_f3.jpg');">
<table border="0" cellpadding="0" cellspacing="0" width="113">
<!-- fwtable fwsrc="cadrepartenaire34.png" fwpage="Page 1" fwbase="cadrepartenaires34.jpg" fwstyle="Dreamweaver" fwdocid = "164954137" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="12" 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="8" 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="2" 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>
<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>
<td><img src="spacer.gif" width="39" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="3" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="30" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="2" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="3" 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>
<td><img src="spacer.gif" width="3" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="3" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>

<tr>
<td colspan="18"><img name="cadrepartenaires34_r1_c1" src="cadrepartenaires34_r1_c1.jpg" width="113" height="14" border="0" id="cadrepartenaires34_r1_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="14" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="29"><img name="cadrepartenaires34_r2_c1" src="cadrepartenaires34_r2_c1.jpg" width="12" height="586" border="0" id="cadrepartenaires34_r2_c1" alt="" /></td>
<td rowspan="3" colspan="2"><a href="http://webarobaz.com/bonneville3.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r2_c2','cadrepartenaires34_r2_c2_f2.jpg','cadrepartenaires34_r2_c2_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r2_c2','cadrepartenaires34_r2_c2_f3.jpg',1);"><img name="cadrepartenaires34_r2_c2" src="cadrepartenaires34_r2_c2.jpg" width="9" height="81" border="0" id="cadrepartenaires34_r2_c2" alt="" /></a></td>
<td colspan="15"><img name="cadrepartenaires34_r2_c4" src="cadrepartenaires34_r2_c4.jpg" width="92" height="4" border="0" id="cadrepartenaires34_r2_c4" alt="" /></td>
<td><img src="spacer.gif" width="1" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="6"><img name="cadrepartenaires34_r3_c4" src="cadrepartenaires34_r3_c4.jpg" width="7" height="11" border="0" id="cadrepartenaires34_r3_c4" alt="" /></td>
<td colspan="2"><a href="http://webarobaz.com/bonneville3.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r3_c10','cadrepartenaires34_r3_c10_f2.jpg','cadrepartenaires34_r3_c10_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r3_c10','cadrepartenaires34_r3_c10_f3.jpg',1);"><img name="cadrepartenaires34_r3_c10" src="cadrepartenaires34_r3_c10.jpg" width="42" height="11" border="0" id="cadrepartenaires34_r3_c10" alt="" /></a></td>
<td colspan="7"><img name="cadrepartenaires34_r3_c12" src="cadrepartenaires34_r3_c12.jpg" width="43" height="11" border="0" id="cadrepartenaires34_r3_c12" alt="" /></td>
<td><img src="spacer.gif" width="1" height="11" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="3" colspan="4"><img name="cadrepartenaires34_r4_c4" src="cadrepartenaires34_r4_c4.jpg" width="5" height="85" border="0" id="cadrepartenaires34_r4_c4" alt="" /></td>
<td rowspan="2" colspan="6"><a href="http://www.webarobaz.com/cardin.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r4_c8','cadrepartenaires34_r4_c8_f2.jpg','cadrepartenaires34_r4_c8_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r4_c8','cadrepartenaires34_r4_c8_f3.jpg',1);"><img name="cadrepartenaires34_r4_c8" src="cadrepartenaires34_r4_c8.jpg" width="76" height="67" border="0" id="cadrepartenaires34_r4_c8" alt="" /></a></td>
<td rowspan="3" colspan="5"><img name="cadrepartenaires34_r4_c14" src="cadrepartenaires34_r4_c14.jpg" width="11" height="85" border="0" id="cadrepartenaires34_r4_c14" alt="" /></td>
<td><img src="spacer.gif" width="1" height="66" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="2"><img name="cadrepartenaires34_r5_c2" src="cadrepartenaires34_r5_c2.jpg" width="9" height="19" border="0" id="cadrepartenaires34_r5_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="6"><img name="cadrepartenaires34_r6_c8" src="cadrepartenaires34_r6_c8.jpg" width="76" height="18" border="0" id="cadrepartenaires34_r6_c8" alt="" /></td>
<td><img src="spacer.gif" width="1" height="18" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="4" colspan="2"><a href="http://webarobaz.com/bonneville3.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r7_c2','cadrepartenaires34_r7_c2_f2.jpg','cadrepartenaires34_r7_c2_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r7_c2','cadrepartenaires34_r7_c2_f3.jpg',1);"><img name="cadrepartenaires34_r7_c2" src="cadrepartenaires34_r7_c2.jpg" width="9" height="81" border="0" id="cadrepartenaires34_r7_c2" alt="" /></a></td>
<td rowspan="8" colspan="3"><img name="cadrepartenaires34_r7_c4" src="cadrepartenaires34_r7_c4.jpg" width="4" height="112" border="0" id="cadrepartenaires34_r7_c4" alt="" /></td>
<td colspan="11"><a href="http://webarobaz.com/bonneville3.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r7_c7','cadrepartenaires34_r7_c7_f2.jpg','cadrepartenaires34_r7_c7_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r7_c7','cadrepartenaires34_r7_c7_f3.jpg',1);"><img name="cadrepartenaires34_r7_c7" src="cadrepartenaires34_r7_c7.jpg" width="85" height="8" border="0" id="cadrepartenaires34_r7_c7" alt="" /></a></td>
<td rowspan="24"><img name="cadrepartenaires34_r7_c18" src="cadrepartenaires34_r7_c18.jpg" width="3" height="486" border="0" id="cadrepartenaires34_r7_c18" alt="" /></td>
<td><img src="spacer.gif" width="1" height="8" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="11"><img name="cadrepartenaires34_r8_c7" src="cadrepartenaires34_r8_c7.jpg" width="85" height="4" border="0" id="cadrepartenaires34_r8_c7" alt="" /></td>
<td><img src="spacer.gif" width="1" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><a href="http://www.webarobaz.com/somfy.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r9_c7','cadrepartenaires34_r9_c7_f2.jpg','cadrepartenaires34_r9_c7_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r9_c7','cadrepartenaires34_r9_c7_f3.jpg',1);"><img name="cadrepartenaires34_r9_c7" src="cadrepartenaires34_r9_c7.jpg" width="77" height="68" border="0" id="cadrepartenaires34_r9_c7" alt="" /></a></td>
<td rowspan="6" colspan="4"><img name="cadrepartenaires34_r9_c14" src="cadrepartenaires34_r9_c14.jpg" width="8" height="100" border="0" id="cadrepartenaires34_r9_c14" alt="" /></td>
<td><img src="spacer.gif" width="1" height="68" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="7"><img name="cadrepartenaires34_r10_c7" src="cadrepartenaires34_r10_c7.jpg" width="77" height="20" border="0" id="cadrepartenaires34_r10_c7" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="2"><img name="cadrepartenaires34_r11_c2" src="cadrepartenaires34_r11_c2.jpg" width="9" height="23" border="0" id="cadrepartenaires34_r11_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="19" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="6"><a href="http://webarobaz.com/bonneville3.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r12_c7','cadrepartenaires34_r12_c7_f2.jpg','cadrepartenaires34_r12_c7_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r12_c7','cadrepartenaires34_r12_c7_f3.jpg',1);"><img name="cadrepartenaires34_r12_c7" src="cadrepartenaires34_r12_c7.jpg" width="75" height="8" border="0" id="cadrepartenaires34_r12_c7" alt="" /></a></td>
<td rowspan="3"><img name="cadrepartenaires34_r12_c13" src="cadrepartenaires34_r12_c13.jpg" width="2" height="12" border="0" id="cadrepartenaires34_r12_c13" alt="" /></td>
<td><img src="spacer.gif" width="1" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="3" colspan="2"><a href="http://webarobaz.com/bonneville3.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r13_c2','cadrepartenaires34_r13_c2_f2.jpg','cadrepartenaires34_r13_c2_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r13_c2','cadrepartenaires34_r13_c2_f3.jpg',1);"><img name="cadrepartenaires34_r13_c2" src="cadrepartenaires34_r13_c2.jpg" width="9" height="35" border="0" id="cadrepartenaires34_r13_c2" alt="" /></a></td>
<td><img src="spacer.gif" width="1" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="6"><img name="cadrepartenaires34_r14_c7" src="cadrepartenaires34_r14_c7.jpg" width="75" height="4" border="0" id="cadrepartenaires34_r14_c7" alt="" /></td>
<td><img src="spacer.gif" width="1" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="8" colspan="2"><img name="cadrepartenaires34_r15_c4" src="cadrepartenaires34_r15_c4.jpg" width="3" height="178" border="0" id="cadrepartenaires34_r15_c4" alt="" /></td>
<td rowspan="2" colspan="9"><a href="http://www.webarobaz.com/guttomat.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r15_c6','cadrepartenaires34_r15_c6_f2.jpg','cadrepartenaires34_r15_c6_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r15_c6','cadrepartenaires34_r15_c6_f3.jpg',1);"><img name="cadrepartenaires34_r15_c6" src="cadrepartenaires34_r15_c6.jpg" width="81" height="68" border="0" id="cadrepartenaires34_r15_c6" alt="" /></a></td>
<td rowspan="5" colspan="3"><img name="cadrepartenaires34_r15_c15" src="cadrepartenaires34_r15_c15.jpg" width="5" height="95" border="0" id="cadrepartenaires34_r15_c15" alt="" /></td>
<td><img src="spacer.gif" width="1" height="27" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="2"><img name="cadrepartenaires34_r16_c2" src="cadrepartenaires34_r16_c2.jpg" width="9" height="57" border="0" id="cadrepartenaires34_r16_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="41" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="9"><img name="cadrepartenaires34_r17_c6" src="cadrepartenaires34_r17_c6.jpg" width="81" height="16" border="0" id="cadrepartenaires34_r17_c6" alt="" /></td>
<td><img src="spacer.gif" width="1" height="16" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="13"><img name="cadrepartenaires34_r18_c2" src="cadrepartenaires34_r18_c2.jpg" width="1" height="290" border="0" id="cadrepartenaires34_r18_c2" alt="" /></td>
<td rowspan="3"><a href="http://webarobaz.com/bonneville3.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r18_c3','cadrepartenaires34_r18_c3_f2.jpg','cadrepartenaires34_r18_c3_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r18_c3','cadrepartenaires34_r18_c3_f3.jpg',1);"><img name="cadrepartenaires34_r18_c3" src="cadrepartenaires34_r18_c3.jpg" width="8" height="36" border="0" id="cadrepartenaires34_r18_c3" alt="" /></a></td>
<td rowspan="2" colspan="3"><img name="cadrepartenaires34_r18_c6" src="cadrepartenaires34_r18_c6.jpg" width="3" height="11" border="0" id="cadrepartenaires34_r18_c6" alt="" /></td>
<td colspan="3"><a href="http://webarobaz.com/bonneville3.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r18_c9','cadrepartenaires34_r18_c9_f2.jpg','cadrepartenaires34_r18_c9_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r18_c9','cadrepartenaires34_r18_c9_f3.jpg',1);"><img name="cadrepartenaires34_r18_c9" src="cadrepartenaires34_r18_c9.jpg" width="43" height="10" border="0" id="cadrepartenaires34_r18_c9" alt="" /></a></td>
<td rowspan="2" colspan="3"><img name="cadrepartenaires34_r18_c12" src="cadrepartenaires34_r18_c12.jpg" width="35" height="11" border="0" id="cadrepartenaires34_r18_c12" alt="" /></td>
<td><img src="spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="cadrepartenaires34_r19_c9" src="cadrepartenaires34_r19_c9.jpg" width="43" height="1" border="0" id="cadrepartenaires34_r19_c9" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="3" colspan="2"><img name="cadrepartenaires34_r20_c6" src="cadrepartenaires34_r20_c6.jpg" width="2" height="83" border="0" id="cadrepartenaires34_r20_c6" alt="" /></td>
<td rowspan="2" colspan="9"><a href="http://www.webarobaz.com/hormann.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r20_c8','cadrepartenaires34_r20_c8_f2.jpg','cadrepartenaires34_r20_c8_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r20_c8','cadrepartenaires34_r20_c8_f3.jpg',1);"><img name="cadrepartenaires34_r20_c8" src="cadrepartenaires34_r20_c8.jpg" width="81" height="67" border="0" id="cadrepartenaires34_r20_c8" alt="" /></a></td>
<td rowspan="11"><img name="cadrepartenaires34_r20_c17" src="cadrepartenaires34_r20_c17.jpg" width="3" height="279" border="0" id="cadrepartenaires34_r20_c17" alt="" /></td>
<td><img src="spacer.gif" width="1" height="25" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="10"><img name="cadrepartenaires34_r21_c3" src="cadrepartenaires34_r21_c3.jpg" width="8" height="254" border="0" id="cadrepartenaires34_r21_c3" alt="" /></td>
<td><img src="spacer.gif" width="1" height="42" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="9"><img name="cadrepartenaires34_r22_c8" src="cadrepartenaires34_r22_c8.jpg" width="81" height="16" border="0" id="cadrepartenaires34_r22_c8" alt="" /></td>
<td><img src="spacer.gif" width="1" height="16" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="12"><a href="http://webarobaz.com/lakal.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r23_c4','cadrepartenaires34_r23_c4_f2.jpg','cadrepartenaires34_r23_c4_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r23_c4','cadrepartenaires34_r23_c4_f3.jpg',1);"><img name="cadrepartenaires34_r23_c4" src="cadrepartenaires34_r23_c4.jpg" width="85" height="8" border="0" id="cadrepartenaires34_r23_c4" alt="" /></a></td>
<td rowspan="8"><img name="cadrepartenaires34_r23_c16" src="cadrepartenaires34_r23_c16.jpg" width="1" height="196" border="0" id="cadrepartenaires34_r23_c16" alt="" /></td>
<td><img src="spacer.gif" width="1" height="8" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="12"><img name="cadrepartenaires34_r24_c4" src="cadrepartenaires34_r24_c4.jpg" width="85" height="3" border="0" id="cadrepartenaires34_r24_c4" alt="" /></td>
<td><img src="spacer.gif" width="1" height="3" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="4"><img name="cadrepartenaires34_r25_c4" src="cadrepartenaires34_r25_c4.jpg" width="5" height="85" border="0" id="cadrepartenaires34_r25_c4" alt="" /></td>
<td colspan="6"><a href="http://www.webarobaz.com/lakal.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r25_c8','cadrepartenaires34_r25_c8_f2.jpg','cadrepartenaires34_r25_c8_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r25_c8','cadrepartenaires34_r25_c8_f3.jpg',1);"><img name="cadrepartenaires34_r25_c8" src="cadrepartenaires34_r25_c8.jpg" width="76" height="68" border="0" id="cadrepartenaires34_r25_c8" alt="" /></a></td>
<td rowspan="6" colspan="2"><img name="cadrepartenaires34_r25_c14" src="cadrepartenaires34_r25_c14.jpg" width="4" height="185" border="0" id="cadrepartenaires34_r25_c14" alt="" /></td>
<td><img src="spacer.gif" width="1" height="68" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="6"><img name="cadrepartenaires34_r26_c8" src="cadrepartenaires34_r26_c8.jpg" width="76" height="17" border="0" id="cadrepartenaires34_r26_c8" alt="" /></td>
<td><img src="spacer.gif" width="1" height="17" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="3"><img name="cadrepartenaires34_r27_c4" src="cadrepartenaires34_r27_c4.jpg" width="4" height="12" border="0" id="cadrepartenaires34_r27_c4" alt="" /></td>
<td colspan="4"><a href="java script:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('cadrepartenaires34_r27_c7','','cadrepartenaires34_r27_c7_f2.jpg',1);"><img name="cadrepartenaires34_r27_c7" src="cadrepartenaires34_r27_c7.jpg" width="42" height="8" border="0" id="cadrepartenaires34_r27_c7" alt="" /></a></td>
<td rowspan="2" colspan="3"><img name="cadrepartenaires34_r27_c11" src="cadrepartenaires34_r27_c11.jpg" width="35" height="12" border="0" id="cadrepartenaires34_r27_c11" alt="" /></td>
<td><img src="spacer.gif" width="1" height="8" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="4"><img name="cadrepartenaires34_r28_c7" src="cadrepartenaires34_r28_c7.jpg" width="42" height="4" border="0" id="cadrepartenaires34_r28_c7" alt="" /></td>
<td><img src="spacer.gif" width="1" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="cadrepartenaires34_r29_c4" src="cadrepartenaires34_r29_c4.jpg" width="1" height="88" border="0" id="cadrepartenaires34_r29_c4" alt="" /></td>
<td colspan="9"><a href="http://www.webarobaz.com/diferbat.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','cadrepartenaires34_r29_c5','cadrepartenaires34_r29_c5_f2.jpg','cadrepartenaires34_r29_c5_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','cadrepartenaires34_r29_c5','cadrepartenaires34_r29_c5_f3.jpg',1);"><img name="cadrepartenaires34_r29_c5" src="cadrepartenaires34_r29_c5.jpg" width="80" height="73" border="0" id="cadrepartenaires34_r29_c5" alt="" /></a></td>
<td><img src="spacer.gif" width="1" height="73" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="9"><img name="cadrepartenaires34_r30_c5" src="cadrepartenaires34_r30_c5.jpg" width="80" height="15" border="0" id="cadrepartenaires34_r30_c5" alt="" /></td>
<td><img src="spacer.gif" width="1" height="15" border="0" alt="" /></td>
</tr>
</table></div>
</div>
<a name="haut" id="haut"></a></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','827','height','171','title','bandeau','src','banniere2c26','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','banniere2c26' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="827" height="171" title="bandeau">
<param name="movie" value="banniere2c26.swf" />
<param name="quality" value="high" />
<embed src="banniere2c26.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="827" height="171"></embed>
</object>
</noscript></div>
</div>
</body>
</html>


c'est la div6 !

Que s'est-il passé d'une page à l'autre ?

Merci d'avance pour toute votre aide.
@ bientôt
Dudu
mercredi 24 septembre 2008 à 22:41
Salut


Honnêtement, j'ai tenté de lire ton code pour comprendre ton problème mais j'ai du abandonner: c'est un peu tout et n'importe quoi mis pêle-mêle n'importe comment (désolé).

Essaie de réécrire une page test de manière un peu plus conforme, et vois déjà si ça résoud ton problème: c'est peut-être juste les navigateurs qui ont du mal à interpréter ton code.
Si jamais ça ne résoud pas directement le problème, ça nous aidera quand même à mieux y voir.


PS: la balise marquee n'existe pas. C'est une balise propriétaire de Microsoft. C'est donc aussi à moitié étonnant que des navigateurs modernes (= plus évolués qu'Internet Explorer) ne la reconnaissent pas, ou pas tout le temps.
roro67
mercredi 24 septembre 2008 à 23:27
Merci de ta réponse, j'ai fait une page test et là ça marche sans aucune autre balise..
ça doit provenir des noms de mes balises...
Qu'en penses-tu ?
Visitez
Dudu
mercredi 24 septembre 2008 à 23:47
Vite fait en passant, un petite remarque sur ton code de la page test:
HTML
<img src="logocardin8080.jpg" width="80" height="80" alt ="logo cardin."border="0"/>
Supprime l'espace entre alt et =, et rajoute un espace par contre entre " et border. Ça sera déjà mieux.

Sinon, oui ça a l'air de marcher tel quel.
Mais est-ce un problème de noms des balises, je ne sais pas.

Lorsque je parlais d'une page de test plus conforme, je pensais plus à une sorte de nouvelle version de ta page d'accueil, identique visuellement, mais avec un code amélioré.

Par exemple: tu utilises un <div id="menucadre"> où tu "préloades" (du verbe préloader, du premier groupe) des images qui vont s'afficher au survol.
Oui mais on faisait comme ça il y a 10 ans biggrin.gif Aujourd'hui tu peux utiliser la technique des "sprites": un code HTML moins long et plus lisible, tes chemins d'images en CSS, et ta bande passante soulagée de beaucoup d'octets.
Autre exemple: ta mise en page est faite avec des tableaux, là encore, cette technique est obsolète. Je te renvoie à la lecture d'un article intéressant: Les problèmes de la mise en page en tableaux qui t'expliqera comment améliorer ton code.

N'hésites pas à te balader sur ces 2 sites pour voir d'autres articles: ils sont vraiment intéressants !

Bon courage wink.gif
roro67
jeudi 25 septembre 2008 à 00:08
Merci Dudu pour tes conseils et ton aide, je vois qu'il y a pas mal de boulot encore..moi qui croyait être au bout de mes peines..je devais finaliser mon site tout prochainement.
J'étais assez content de refaire toutes mes pages en les centrant parfaitement, et là d'autres problèmes apparaissent.
Bon, je vais voir ce que je peux faire en peu de temps.
Je vais jeter un oeil sur les 2 sites.

Encore merci
@+
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.