WebSite X5Help Center

 
Robert Poissant
Robert Poissant
User

Analyse du projet  fr

Author: Robert Poissant
Visited 1410, Followers 2, Shared 0  

Bonjour, votre aide est toujours apprécié

Dans l'étape 5, à l'analyse du projet, j'ai des objets hors zone. (Voir le fichier inclus).
J'ai un projet mode site adaptatif. Je comprends l'information de l'analyse qui identifie : Image Bureau, Image Affichage 1, Image Affichage 2 et Image Smartphone.

Ce que je ne comprends pas, c'est comment identifier l'image qui correspond à la description de l'alerte analysée et comment corriger la situation. Ce n'est vraiment pas clair.

Ex. : image (Smartphone : -23px, 1px) ou image (Affichage 2 : 384px, 40px)
Comment identifier l’objet qui sort de la zone de travail et que doit on faire pour corriger la situation?

Posted on the
5 ANSWERS - 1 CORRECT
JiPeR 48
JiPeR 48
Moderator

Salut Robert,

Pas évident sans avoir le projet sous la main... embarassed

As-tu regardé du côté sur la page du Contenu du Modèle, dans chaque résolution, si tes images restent bien dans la zone qui leur est réservée ? 

Exemple pour la résolution 480 :

@Suivre,

J.P.

Read more
Posted on the from JiPeR 48
Robert Poissant
Robert Poissant
User
Author

Merci Jiper pour ton aide, voici 2 de 5 alertes indiquant que l'objet sort de la zone de travail. C'est pas évident de savoir lequel de objets est l'initiateur de l'alerte et les références px .

Pour l'image Smartphone : -23px, 1px

Pour l'image affichage 2 : 384px, 40px

Read more
Posted on the from Robert Poissant
Albert X
Albert X
User

C'est pas évident de savoir lequel de objets est l'initiateur de l'alerte 

Bonsoir Robert .

Essaye en masquant un objet à la fois. S'il s'agit de l'objet incriminé, le test sera OK.

AX.

Read more
Posted on the from Albert X
JiPeR 48
JiPeR 48
Moderator

Re...

L'agenda en ligne semble (aussi ?) prendre beaucoup de place sur les petites résolutions...

A explorer peut-être ? (bouton + Google Calendar ?)

@+, J.P.

Read more
Posted on the from JiPeR 48
Robert Poissant
Robert Poissant
User
Author

Votre aide avec vos indices, la volonté de trouver une explication et solutionner ces anomalies m’ont forcé à approfondir le sujet. Pour bien comprendre le positionnement des objets sur une surface de travail, voici ce que je comprends et qui mérite de partager avec les amis qui débutent.

Étape 2, un environnement adaptatif :

Ici pour les surfaces d’affichages du plus petits au plus grand, les espaces de travail minimum sont définis comme suit:

  • Pour les Smartphones de 0px à 480px maximum.
  • Pour les affichages 2 de 480px à 719px maximum.
  • Pour les affichages 1 de 720px à 992px maximum.
  • Pour les affichages bureau supérieur ou égale à 992px.

Voici les alertes que j’avais et de qu’elle façon j’ai résolu ces anomalies.

Dans le pied de page pour l’affichage Smartphone, j’ai 4 objets image. Pour chacun de ces objets, je vérifie la propriété Position et Taille (bouton de droite de la souris sur l’objet) de chacun d’entre eux pour déterminer lequel de ces objets il y a un dépassement de -23px, 1px. Dans ce cas précis, c’est l’image du haut qui affiche un dépassement négatif à gauche et un dépassement positif vers le haut. Les ajustements ont réglé l'anomalie

Dans le cas de l’affichage 2 c’est la même image qui ne respecte pas les limites définit pour cet affichage.

Dans le cas de l’affichage 1, 0px, 0px était ok mais c’est la largeur qui était à 721px lorsque la limite de cet affichage était 720px donc la réduction de cette largeur règle cette anomalie.

Voici mes observation, correction et compréhension du problème. Merci à tous

Read more
Posted on the from Robert Poissant