A propos du défilement
LinkSX
-
LinkSX -
LinkSX -
Bonjour,
je rencontre un petit soucis en html/javacript (peut être?)
L'idée c'est que mon site est séparé en deux colonnes : 70% et 30%
et que dans la colonne de 30% imagée d'un div se trouvent plusieurs autres div.
La colonne de 30% fait 768px de hauteur et je souhaiterais que dans cette dernière défilent mes divs les uns en dessous des autres et que quand le "dernier" arrive en bas que cela fasse une boucle et que ça repasse en haut.
Je souhaiterais également ne pas être limité en nombre de div.
Cela vous semble t-il réalisable, si oui pourriez vous m'aider?
je rencontre un petit soucis en html/javacript (peut être?)
L'idée c'est que mon site est séparé en deux colonnes : 70% et 30%
et que dans la colonne de 30% imagée d'un div se trouvent plusieurs autres div.
La colonne de 30% fait 768px de hauteur et je souhaiterais que dans cette dernière défilent mes divs les uns en dessous des autres et que quand le "dernier" arrive en bas que cela fasse une boucle et que ça repasse en haut.
Je souhaiterais également ne pas être limité en nombre de div.
Cela vous semble t-il réalisable, si oui pourriez vous m'aider?
A voir également:
- A propos du défilement
- Barre de défilement - Guide
- Défilement excel bloqué ✓ - Forum Excel
- Défilement vertical impossible sous Excel 2010 - Forum Excel
- Problème défilement incontrôlable ✓ - Forum Windows 10
- Arrêt défilement excel ✓ - Forum MacOS
1 réponse
Peut être que si je vous donne des bouts de codes vous serez motivez à m'aider :hap:
Pour le CSS :
Et pour la page web :
C'est donc le div "info" qui contient mes blocs devant défiler.
Je souhaiterais en fait que mes divs se suivent "un peu comme un générique de film" de bas en haut et que quand le premier arrive en haut il soit transporté tout en bas afin que la boucle ne se termine jamais.
Est-ce un peu plus claire?
Cordialement, Link.
Pour le CSS :
body{
margin:0px;
padding:0px;
}
#insert_encart{
margin:0px;
padding:0px;
width:1366px;
height:768px;
}
.meteo{
float: left;
height:768px;
width: 70%;
}
.info{
margin-left: 70%;
height:768px;
background:#ABC8E2;
/* Pour éventuel hover : #C4D7ED*/
overflow: hidden; /*hidden pour masquer ou auto pour afficher si trop grand */
}
.info_bloc{
color:#000000;
background:#C4D7ED;
min-height:200px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
width: auto;
border:1px black solid;
}
.info_bloc2{
color:#FFFFFF;
background:#375D81;
min-height:200px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
width: auto;
border:1px black solid;
}
Et pour la page web :
<div id="insert_encart">
<div class="meteo">
<object type="application/x-shockwave-flash" data="#" width="100%" height="768">
<param name="movie" value="#"/>
<param name="allowfullscreen" value="false"/>
<param name="wmode" value="opaque"/>
<param name="bgcolor" value="#FFFFFF"/>
<param name="flashvars"
value="location_id=#&location_name=#&time_format=#&unit_system=#&lang=#&background=#&mini_locationBar=#&mini_momentBar=#&copyright_bar=#" />
</object>
</div>
<div class="info">
<div class="info_bloc">Test 1</div>
<div class="info_bloc2">Test 2</div>
<div class="info_bloc">Test 3 identique a test 1</div>
<div class="info_bloc2">Test 4 identique a test 2</div>
</div>
</div>
C'est donc le div "info" qui contient mes blocs devant défiler.
Je souhaiterais en fait que mes divs se suivent "un peu comme un générique de film" de bas en haut et que quand le premier arrive en haut il soit transporté tout en bas afin que la boucle ne se termine jamais.
Est-ce un peu plus claire?
Cordialement, Link.
