1

Discussione: Donner du style à Cycle

Pour moi, c'est mission impossible. Je voudrais seulement centrer le slider dans la boîte, j'ai tout essayé, mais rien ne marche, c'est toujours collé à gauche. Possible que ça vienne du javascript qui fait partir toutes les images de left:0 ??? Ou de cette référence du CSS :

.wrapper div:first-child {margin-left: 0}

que je ne n'arrive pas à la spécifier différemment pour la boîte Cycle.

J'ai même créé la classe tcycle qui est appelée dans le script, je me suis acharnée à lui donner du style, à son conteneur aussi, ou encore à son img. Impossible.

Le Slideshow de Fab présenterait mieux, mais il n'est pas du tout responsive (malgré tous mes efforts d'adaptation)

Je vais essayer du tout CSS : il faut que je trouve d'urgence une autre présentation pour les sites de l'abbaye et du château où ces diaporamas sont en page d'accueil. Mais du tout css, ça demande du bricolage et ce ne sera pas webmaster-friendly pour la suite : les propriétaires définitifs ne sont pas des acrobates du code.

http://mara.katrynou.fr/index.php
http://armel.katrynou.fr/

2

Re: Donner du style à Cycle

Ciao Kat

tout semble bien en ordre sur les liens que tu as posté. As tu résolu?

3

Re: Donner du style à Cycle

Coucou le voyageur !
Sur Mara, j'ai remplacé Cycle par une solution 100% CSS. Et sur Armel, j'ai mis un gros cadre marron pour remplir l'espace, mais en très grand écran, on voit que c'est du camouflage : le diaporama n'est pas centré.

http://image.prntscr.com/image/1c2d40369a3244959a9c03d337b7e5e3.png

4

Re: Donner du style à Cycle

à mon avis il faut penser différent... le problème ne vient pas de l'alignement, mais plutôt de la dimension de tes images.

En fait elles sont trop petites pour remplir le cadre de cycle et ça génère du espace vide sur les écrans larges.

Sinon un autre truc est possible... il faut rendre plus petit le conteneur en donnant au div tcycle la même largeur que tes images.

Dans ton cas tout se passerait bien si dans la configuration du module tu donnes

max-width:400px 

mais enfin à mon avis il vaudrait mieux utiliser des images plus grandes.

A++

5

Re: Donner du style à Cycle

Tu as raison, j'ai mis des images de 475px de large au lieu de 400 et je trouve que c'est tout de suite mieux, sans rien changer d'autre. Merci.

6

Re: Donner du style à Cycle

Je reviens sur la question du style dans Cycle.
Sur Ma Tribu, j'ai agrandi les images pour que cela remplisse mieux le contenant sur les grands écrans, mais c'est très laid sur les tablettes où l'image est toujours collée à gauche, sans possibilité de centrer ni n'utiliser 100% de l'image disponible.
J'aimerais beaucoup une solution responsive. Please .....

http://chauvigne.info/

7

Re: Donner du style à Cycle

C'est déjà responsive.... pour centrer il faut donner display:table; dans la configuration du module.

ça devrait suffire à mon avis

A++

8

Re: Donner du style à Cycle

Merci.
Il y avait déjà display:table;. A moins que tu ne viennes de le mettre sur mon site. C'est bon pour les écrans >1024 et les mobiles, mais entre 480 et 1024, c'est toujours calé à gauche.

9

Re: Donner du style à Cycle

Bien il ne faut pas supprimer

margin:0 auto !important

je viens de le corriger sur ton site... ça semble bien

P.S. le script rainbow.js donne pas mal d'erreurs sur ton site. Je suggère de chercher une solution moins âgée.

10

Re: Donner du style à Cycle

C'est parfait, merci.
Je vais supprimer le script rainbow. Il me rappelait avec nostalgie l'an 2000, l'époque des glitters et des licornes arc-en-ciel ...