probleme avec images qui défilent

Invité(e) · 24/09/2008, 22h42

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
<!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@wanadoo.fr">bonneville.automatismes@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">
      <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._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

**Bisûnûrs** · 25/09/2008, 14h44

Tu peux :

1. Simplifier ton code au maximum pour n'avoir qu'une partie partie qui reproduit le problème.
2. Aérer ton code, parce que j'ai l'impression que c'est un peu l'anarchie là.

Invité(e) · 30/09/2008, 13h10

Merci, c'est vrai que c'est un peu l'anarchie, mais là ça va mieux...ça fonctionne à nouveau...
Je vais y arriver...si si je vais y arriver !
bonne journée
@++

probleme avec images qui défilent

CSS

Vue hybride

Discussions similaires

Partager

Partager