Discussion :

[scn68100]

Bonjour,
Je me décide à demander de l'aide, car je sais comment corriger ces erreurs de positionnement
J'ai joint des copie d'écran pour mieux expliciter
J'ai dans les pages Responsive WebDesign une zone intermédiaire entre Smartphone, Tablette, PC
Dans l'exemple que je soumet, j'ai supprimé la zone Smartphone, et les positionnements sont corrects dans la zone Tablette et PC
Mais pas dans la zone intermédiaire !!!
Et le gros problème, c'est que je ne sais comment corriger !!!
Dés que je clique sur les boutons en erreur, je passe en mode tablette .....

Comment faire ?
Cordialement
SC

[Jefty]

Bonjour,

C'est normal, ce que tu appelles une zone intermédiaire n'en est pas une.
C'est la plus petite dimension de l'affichage en mode bureau. Donc si tu clic sur un élément de cette affichage, l'IHM de WebDev bascule directement sur la taille la plus grande de cette "zone" responsive.

Pour corriger ton problème, tu dois gérer l’ancrage en largeur (dimension de la cellule et de son contenu à gauche de tes boutons).
Comme ta zone de saisie au dessus "Message". Celle-ci diminue bien en largeur sur tes images. Alors que ta cellule, non.

Sinon tu peux conserver aussi l'affichage que tu as choisi en mode tablette, à savoir les boutons en dessous.
Deux avantages, pas de gestion d'ancrage pour la cellule (si le contenu est important, c'est parfois pénible de restreindre la largeur de la zone) et l'utilisateur final aura toujours le même visuel sur ses deux supports.

Jefty

[scn68100]

OK, compris
Merci
SC