Bonjour à tous,

J'avais lu il y a quelque temps un problème avec les "Menus déroulants".

Perso, j'aimerai éliminer le fond blanc sur lequel ils s'inscrivent par exemple sur les :

skin6-guppy-03 et skin6-papinou-04 (visibles sur mon site)

et trouver la solution pour :

skin6-guppy-02 et skin6-guppy-03 (visibles sur mon site) où ils n'apparaissent même pas.

Sur smartphone, c'est beaucoup mieux qu'avant, sauf pour les "Menus déroulants" qui n'apparaissent pas du tout.

D'avance merci.

Amicalement, Schmol44

Bonsoir walimoha,

Si je peux me permettre, je viens de regarder ton site, les portraits des personnes me semblent sur la même ligne, mais elles ne sont pas de la même taille, il faudrait commencer par là. Je pense aussi que tu devrais réduire la largeur du panneau qui fait toute la page. (Certainement à 12, c'est trop)

Perso, je le mettrais de la largeur de toutes les photos.

Bonne nuit.

Amicalement, Schmol44

Bonjour Schmol44, et tout le monde,

J'ai réussi à les aligner en modifiant le code source et en insérant un tableau mais effectivement il est trop large avec 12. En même temps je dois le travailler car j'ai d'autres photos à ajouter et il faut les réduire.

Pour le bandeau, la solution était dans le sujet plus haut, insérer le code du DDL "transaparent" dans styleplus

Bonne journée

cdl

Ok Walimoha,

Merci pour le retour,

Bonne continuation.

Amicalement, Schmol44

Bonjour,

@ walimoha

Citation :

J'ai réussi à les aligner en modifiant le code source et en insérant un tableau mais effectivement il est trop large avec 12.

Pourquoi faire simple quand on peut faire compliquer !!!

Un joli trombinoscope avec Unite-Gallery a quand même une autre allure et prendrait moins de temps à configurer et sans tripatouiller le code.

Pour un tableau responsive les largeurs doivent être en %, pour les photos il ne faut mettre que la largeur de la photo pas la hauteur et ce n'est pas nouveau.

Bien sur tu n'as pas regardé le rendu sur un smartphone !!!

Dans la base de démo, tu as un méga menu avec 3 images et du texte, regardes comment il est construit et comment il s'affiche sur un smartphone.

Cordialement, Papinou

Salut Papinou et à tous,

Effectivement, je me suis inspiré du mega menu mais une fois j'ai mis toutes les photos, ce n'était plus le même rendu. Du coup, j'ai mis un tableau...Je viens de regarder sur smartphone, c'est la cata, je revois ma copie et je reviens vers vous.

Je viens de revoir le code sur la base de Méga menu mais le résultat est un peu hors du panneau, et sur smartphone, idem. Dois je rectifier autre chose?

Merci d'avance

cdl

Bonjour,

Tu ajoutes ceci dans le fichier styleplus.css:

.navbar.ddl .dropdown-menu { max-width: 750px !important;height: auto !important; }

C'est plus présentable sur smartphones !

Mais je continue de penser que la solution est mauvaise, ce genre de menu n'est pas fait pour ce genre d'affichage.

D'ailleurs la multiplication des menus en haut de page est totalement contre-productif et à l'opposé d'une construction de site mobile-first.

Nous allons y réfléchir.

Cordialement, Papinou

bonsoir tout le monde,

merci Papinou pour les conseils.

Je suis donc passé à UniteGallery (tuiles-grille) pour réaliser le trombino en passant par un article et une option de menu, c'était fastidieux et après plusieurs paramétrages, je reste sur ma faim car les les miniatures sont floues et de mauvaise qualité à l'affichage mais cela passe mieux sur smartphone.

https://www.ahvl.com.fr/articles.php?lng=fr&pg=1424&tconfig=0#z2

Il doit y avoir un autre réglage plus expert je pense

Merci à vous et bonne soirée

walimoha