VERSION MOBILE - Images qui ne veulent pas défiler l'une à côté de l'autre

[Chezoit]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Opera, Safari, Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : ...
Lien du forum : http://www.revopowaaa.com

Description du problème

Bonjour à tous,

J'ai besoin de faire défiler des logos partenaires l'un après l'autre horizontalement, sur le portail. J'ai inséré ces lignes ci-dessous dans le overall_header Mobile, mais ils ne veulent pas se mettre l'un à côté de l'autre, comme montré dans la capture d'écran.

Code:

 <div id="accueil_mobile">
  <a href="https://is.gd/mD9OA4/"><img src="https://i.servimg.com/u/f78/11/70/59/71/breizh15.jpg"/></a>
  <marquee scrolldelay="0"  scrollamount="5" direction="left"><a href="https://tinyurl.com/533y8m7v/"><img src="https://is.gd/Xqfv3O"/></a>
  <a href="https://is.gd/vcUdTF"><img src="https://i.servimg.com/u/f78/11/70/59/71/probod10.png"/></a>
  </marquee>
</div>

Merci à ceux qui pourraient m'aider.

[Toryudo]

Bonjour !

C'est à cause de ce code CSS :

Code:

#accueil_mobile img {
    display: block;
    max-width: 100%;
    margin: auto;
}

Dans le marquee, les images sont en display: block, donc s'affichent l'une sous l'autre.
Je vous conseille donc de rajouter du code CSS pour repasser les images du marquee en inline, comme ceci par exemple !

Code:

#accueil_mobile marquee img {
    display: inline;
}

[Chezoit]

Merci c'est parfait !

Juste une petite question, il y a t il un moyen que la boucle revienne plus vite ?
Je m'explique : quand le second logo passe, ça met du temps a relancé la boucle malgré : scrolldelay="0"

J'ai rajouté : loop="infinite"...apparemment ce n'est pas ça qui relance la boucle plus rapidement.

[Toryudo]

Comme ça, je dirais que ce sont les marges (gros espace vide) sur les côtés des images et la vitesse (scrollamount) qui font qu'elles mettent du temps à apparaitre :



A la limite, pour garder un espace entre les deux images, il faudrait par exemple retirer la marge de gauche et garder la marge de droite, ce serait pas mal je pense.

[Chezoit]

Malgré le recadrage, ça ne se relance pas plus vite.

Existe-t-il une commande, à part Scrolldelay à "0", pour relancer plus vite ?

[Toryudo]

En fait, il se relance à partir du moment où la marge de droite de l'image 2 a complètement disparue, donc peut-être retirer cette marge également...
Parce qu'il n'y a pas beaucoup d'autres attributs qui pourraient vous intéresser malheureusement : https://developer.mozilla.org/fr/docs/Web/HTML/Element/marquee
(et ça ne viendra jamais, parce que la balise n'est plus améliorée)

marquee n'a plus la cote

[Chezoit]

Quand je retire les marges, les logos grossissent trop, comme s'ils s'adaptaient à l'emplacement.
Il y a t il un moyen pour leur donner une taille précise ?

Sinon, je vais faire des recherches de ce qui pourrait venir remplacer l'action "marquee" et si besoin j'ouvrirais un post.

Merci pour votre aide.

[Toryudo]

Hm, je n'arrive pas à constater, même en faisant des modifications à la volée sur les images.
A priori, d'après le code actuel, la taille du marquee dépend des images qu'il contient, et pas l'inverse... du coup, bizarre, peut-être une spécificités de certains téléphones ou navigateurs sur téléphone, je n'arrive pas trop à savoir.

[Chezoit]

Bon, il faut mieux que je me dirige vers une action/Balise plus à la page.