Projet

Général

Profil

Development #62391

Thème Caen - Problème d’affichage en responsive

Ajouté par Marie Kuntz -> retour le 13 mai il y a environ 2 ans. Mis à jour il y a environ 2 ans.

Statut:
Fermé
Priorité:
Normal
Version cible:
-
Début:
03 mars 2022
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Non
Planning:
Non

Description

Cellule de texte avec photo Problème d’affichage en responsive : Titre découpé et image à centrer.
https://portail-caen-la-mer.test.entrouvert.org/test-administration-menu-burger/


Fichiers

capture2.png (188 ko) capture2.png Marie Kuntz -> retour le 13 mai, 03 mars 2022 17:15
Capture d’écran 2022-03-03 à 18.01.02.png (288 ko) Capture d’écran 2022-03-03 à 18.01.02.png Marie Kuntz -> retour le 13 mai, 03 mars 2022 18:01

Demandes liées

Lié à Intégrations graphiques Publik - Development #60163: Retours sur le thème CaenFermé30 décembre 2021

Actions

Historique

#1

Mis à jour par Marie Kuntz -> retour le 13 mai il y a environ 2 ans

#2

Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans

l'url de présente pas le problème présenté.

#4

Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans

Je déconseille fortement l'utilisation des options de float sur les images dans les cellules texte.
Celà demande une bonne maitrise des styles ajoutés.
Et surtout, comme le présente la capture, cela n'est pas compatible avec une bonne gestion du responsive (il n'est pas possible d'enlever l'option float pour certains viewport).
Se limiter à l'utilisation d'image seule dans son paragraphe.

#5

Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans

  • Assigné à mis à Thomas Jund (congés, retour le 29/04)
#6

Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans

J'ai fait une proposition pour se rapprocher du résultat recherché avec les class .mobile-only, .desktop-only et 2 images.
Voir https://portail-caen-la-mer.test.entrouvert.org/page-de-contenu-2/
Mais je continue à penser qu'il est vraiment préférable d'éviter les floats et de simplement positionner les images dans un paragraphe avec alignement centré (en effacçant les informations de taille de l'image).

#7

Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans

  • Assigné à changé de Thomas Jund (congés, retour le 29/04) à Marie Kuntz -> retour le 13 mai
#8

Mis à jour par Marie Kuntz -> retour le 13 mai il y a environ 2 ans

  • Statut changé de Nouveau à Solution déployée
#9

Mis à jour par Transition automatique il y a presque 2 ans

Automatic expiration

Formats disponibles : Atom PDF