18041 sujets

Questions générales et questions de débutants

Defiler horizintalement en continu les images dans les blocs extremes

bonjour

j'ai cree une entete d'une presentation constituee de trois bloc "DIV". Les deux bloc extreme (de droite et de gauche)contient chacun une diapo de photos defilante et le bloc central contient une banniere.
aun cours du defilement des images dans les bloc extermes il ya apparition d'un espace blanc qui correspond a la fin du nombre d'image defilantes . ensuite le cycle de defilement recommence apres un certain instant.

voici une image montrant ce petit pb:<image>

[img=http://img35.imageshack.us/img35/6065/testkxt.jpg]</image>


[#]Code : HTML 




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Les Electroniciens  </title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Essai" href="style3.css" />
	   
	  </head>  
	  
	 <body>  
	   
	 <div id="entete">
	 <div id="b1">
<marquee><img src='hiv.jpg' alt=''/><img src='couch.jpg' alt=''/></marquee> 

</div>

<div id="anim"=>

<img src="37.gif" />

</div>

 <div id="b2">
<marquee><img src='hiv.jpg' alt=''/><img src='couch.jpg' alt=''/></marquee> 
 
</div>

</div>

</body>
</html>


[#]code CSS:




{
   width: 780px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
   background-color: white ;
   
}

#entete

{
   width: 780px;
height:200px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
   background-color: white ;
   
}


#b1

{
   float:left;
  width: 250px;
   
   
}

#anim

{

   float:left;

  

#b2

{
  
  
   float:left;
margin-left: 515px;
 width: 400px;
   
}


je sais que j'ai utilise une methode la plus simple sans avoir recours aux script javascript, j'aimerais savoir comment faire pour supprimer que cet espace blanc et avoir le defilement des images continu sans interruption


Merci pour l'aide
Sujet clos
Aller à