Intégrer <marquee> dans <table>

**eillon** · 05/07/2011, 10h00

Bonjour,

Après plusieurs tests de placement et déplacement de lignes de codes, je me tourne vers vous afin de trouver la solution à mon problème...
Je fais défiler des images dans un tableau pour une bannière.

Code :

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

1
2
3
4
5
6
7
8
9
<div style="height: 150px; width: 140px; padding-top: 5px;">
<marquee scrolldelay=80 id=id1><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">
<img title="" src="images/1.jpg" border="0" alt="" height= 110px width= 110px />
<img title="" src="images/2.jpg" border="0" alt="" height= 110px width= 110px />
<img title="" src="images/3.jpg" border="0" alt="" height= 110px width= 110px />
<img title="" src="images/4.jpg" border="0" alt="" height= 110px width= 110px />
<img title="" src="images/5.jpg" border="0" alt="" height= 110px width= 110px />
</span></marquee>
</div>

Si je passe le code dans la <table>, les images passe sur mon tableau et non dessous.
Si je passe le <marquee> après </table>, les images passes bien sous le tableau, mais je ne peux plus arrêter les images au passage de la souris.

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
<!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>Grenadine et ses petits</title>
<style type="text/css">
body {
 
}
</style>
</head>
 
<body>
 
<a href="http://www.grenadineetsespetits.com">
<table width="148" height="549" border="0" style="position: absolute; background-repeat: no-repeat; background-image: url(images/fond_bg.png); height: 545px;">
 
  <tr>  
		<td height="69" style="background-repeat: no-repeat; background-image: url(images/logo.png);">&nbsp;</td>	
  </tr>
  <tr>
		<td height="27" style="padding-left: 0px; background-repeat: no-repeat; background-image: url(images/texte.png);"></td>
  </tr>
		<div style="height: 150px; width: 140px; padding-top: 5px;">
<marquee scrolldelay=80 id=id1><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">
<img title="" src="images/1.jpg" border="0" alt="" height= 110px width= 110px />
<img title="" src="images/2.jpg" border="0" alt="" height= 110px width= 110px />
<img title="" src="images/3.jpg" border="0" alt="" height= 110px width= 110px />
<img title="" src="images/4.jpg" border="0" alt="" height= 110px width= 110px />
<img title="" src="images/5.jpg" border="0" alt="" height= 110px width= 110px />
</span></marquee>
</div>
 
  <tr>
		<td height="130" style="background-repeat: no-repeat; background-image: url(images/bebe5.png);">&nbsp;</td>	
  </tr>
  <tr>
		<td height="150" style="background-repeat: no-repeat; background-image: url(images/bebe3.png);">&nbsp;</td>
  </tr>
</table>
</a>
 
 
 
</body>
</html>

Je me tourne donc vers votre expérience afin de pouvoir améliorer ma bannière et ainsi au clic sur l'image choisi, diriger le visiteur vers la page produit.

Bannière : ICI

Merci par avance.

Eillon

**skeud** · 05/07/2011, 10h16

C'est normal que ta div ne soit pas encadré par une <tr>?

Tu voudrais mettre ce défilemment où en fait? Dans ton tableau ou en dessous?

**eillon** · 05/07/2011, 10h33

je veux que ça défile en dessous...
que je mette ou pas les <tr>
ça me décale tout le tableau vers le bas

**skeud** · 05/07/2011, 10h53

Bon déja tu doispas mettre tes balise marquee dans ton tableau mais en dessous de ta balise </table>comme ça tu auras ton défilement en dessous de ton tableau.

Petite info, les balise tr vont TOUJOURS avec les balise td au minimum (hormis les balise de titre ...)

Donc quand tu as un contenu dans un tableau, toujours TR+TD

**eillon** · 05/07/2011, 11h02

J'enregistre pour la suite, mais mon problème n'est toujours pas résolu...
mon onmouseover ne fonctionne pas sous mon tableau...

De plus, si j'intègre le lien du tableau autour de <table>, tout le tableau prend le lien (normal) si je veux mettre le lien sur <tr> particulier, le lien n'apparait pas.

**skeud** · 05/07/2011, 11h24

Euh pour moi ça fonctionne nikel essaye d'inverser ton span et marquee:

Code :

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

1
2
3
4
<span style='width:100px'>
  <marquee>
  </marquee>
</span>

Et dis moi si ça fonctionne

**Bovino** · 05/07/2011, 13h35

Envoyé par eillon

mon onmouseover ne fonctionne pas sous mon tableau...

Code :

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

onmouseover="getElementById('id1').stop();"

C'est un peu normal... getElementById() est uniquement une méthode de l'objet document

Intégrer <marquee> dans <table>

HTML

Vue hybride

Discussions similaires

Partager

Partager