Defilement horizontal continu des imagesi
atlass218
Messages postés
17
Statut
Membre
-
atlass218 Messages postés 17 Statut Membre -
atlass218 Messages postés 17 Statut Membre -
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:
[url=https://imageshack.com/][img=http://img35.imageshack.us/img35/6065/testkxt.jpg][/url]
les codes HTML et CSS que j'ai concu sont definit comme suit:
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:
body{
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
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:
[url=https://imageshack.com/][img=http://img35.imageshack.us/img35/6065/testkxt.jpg][/url]
les codes HTML et CSS que j'ai concu sont definit comme suit:
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:
body{
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
A voir également:
- Defilement horizontal continu des imagesi
- Barre de défilement - Guide
- Problème défilement incontrôlable - Forum Windows 10
- Excel : défilement incontrôlé des colonnes ✓ - Forum Excel
- Ecran horizontal - Guide
- Défilement excel bloqué ✓ - Forum Excel
