Discussion :

[abderahmen el kamel]

Bonjour,
J'utilise dans mon site la balise marquee pour faire defiler un texte. le probléme c'est que cette balise ne fonctionne pas a 100%, le défilement bugue avec IE 6 par contre ça marche avec IE 7 et 8 et sous FF.
La balise se trouve dans une DIV.
j'ai déclare une classe CSS pour cette DIV pour que je puisse superposer deux DIV une qui contient la balise marquee et un autre qui contient une table qui affiche 5 images de façon à avoir le texe qui défile et en BG 5 images.
Voici mes classes :

Code css :

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
  ##moteur
                {
                 position: absolute;
                 top:32px;
				 right:300px;
                }
 
                ##visuel
                {
                 position: absolute;
                 top:20px;
				 font-family:Arial, Helvetica, sans-serif;
				 font-size:36px;
				 font-style:normal;
				 font-weight:100;
				 color:###session.lSY.getNEWS_FONT_COLOR()#;
 
                }

la classe moteur est pour la DIV des images et l'autre est pour la DIV de marquee.

Ci dessous le code.
Je travaille avec coldfusion.

NB : si je désactive la classe ça marche mais avec un affichage non souhaité.

Est-ce que quelqu'un a une idée?
Merci.

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
<div id="moteur">
                                	<table cellspacing="0">
                                    	<tr>
                                        <cfif len(session.lSY.getSY_IMAGE_5()) neq 0>
                                        	<cfset image5 = destination_image_name & session.lSY.getSY_IMAGE_5()>
                                            <td style="background-image:url(#image5#);background-repeat:repeat-x; width:80px; height:81px ">
                                            </td>
                                        </cfif>
                                        <cfif len(session.lSY.getSY_IMAGE_4()) neq 0>
                                        	<cfset image4 = destination_image_name & session.lSY.getSY_IMAGE_4()>
                                            <td style="background-image:url(#image4#);background-repeat:repeat-x; width:80px; height:81px ">
                                            </td>
                                        </cfif>
                                        <cfif len(session.lSY.getSY_IMAGE_3()) neq 0>
                                       	 	<cfset image3 = destination_image_name & session.lSY.getSY_IMAGE_3()>
                                            <td style="background-image:url(#image3#);background-repeat:repeat-x; width:80px; height:81px ">
                                            </td>
                                        </cfif>
                                        <cfif len(session.lSY.getSY_IMAGE_2()) neq 0>
                                        	<cfset image2 = destination_image_name & session.lSY.getSY_IMAGE_2()>
                                            <td style="background-image:url(#image2#);background-repeat:repeat-x; width:80px; height:81px ">
                                            </td>
                                        </cfif>
                                        <cfif len(session.lSY.getSY_IMAGE_1()) neq 0>
                                        	<cfset image1 = destination_image_name & session.lSY.getSY_IMAGE_1()>
                                            <td style="background-image:url(#image1#);background-repeat:repeat-x; width:80px; height:81px ">
                                            </td>
                                        </cfif>
                                        </tr>
                                    </table>
                                     <div id="visuel" >
										<marquee id="textslide" behavior="scroll" direction="left" loop="0" truespeed="truespeed" >#session.lSY.getNEWS_TEXT()#</marquee>
                                  </div>
                                </div>

[Bovino]

Une classe en CSS se définit avec

Code css :

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

.moteur

et un id avec

Code css :

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

#moteur

et non

Code css :

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

##moteur