Affichage en deux colonnes asymétriques du contenu d'un article

[RobertG]

Bonjour,

Sur un site que je suis en train de migrer, les articles sont affichés grâce à des règles CSS (pas en tableau) en deux parties : une colonne pour une image, une autre pour le texte l'accompagnant.
Contrairement au comportement habituel de positionnement d'une image à gauche, le texte ne passe pas sous l'image s'il prend plus de hauteur que celle de l'image.
En récupérant le CSS (mais peut-être de manière incomplète), je n'arrive pas à conserver le texte dans sa colonne.
La définition de la colonne d'image lui donne 230 px, celle du texte 530.
A noter que le site n'est en réalité pas fait pour les smartphones, c'est un choix...

J'ai essayé d'utiliser la fonction colonnes de JCE Pro, mais j'obtiens deux colonnes de même largeur et je ne sais pas définir une largeur personnalisée, en pourcentage ou pixels, me permettant de différencier la largeur de colonne pour arriver au résultat du site actuel. J'ai regardé la doc JCE mais pas compris.

Pouvez-vous m'aider ?
Merci !

[RobertG]

A force...
Je viens de m'apercevoir qu'en cliquant une nouvelle fois sur l'icône d'ajout de colonnes, il est possible de définir une largeur relative, dans ce cas 1-3 ou 1-2 conviendrait.

[RobertG]

Quand je clique sur l'une ou l'autre, je n'ai que l'affichage du choix de 1 à 4 colonnes, je clique sur 2 puis il me faut cliquer de nouveau pour définir les options et entre autres la largeur relative des colonnes l'une par rapport à l'autre. Je n'ai pas réussi à obtenir le choix des paramètres au premier clic.

[RobertG]

Deux articles concernés, deux fois la même chose ! Y'a un truc !

[RobertG]

Bonjour,

Je reviens sur ce problème après contrôle sur smartphone. Si l'affichage se fait bien avec une colonne pour l'image et l'autre de taille double pour le texte, sur smartphone (et sur un Mac) la colonne de texte non seulement passe sous la photo, mais sa largeur est extrêmement réduite. Ici sur Mac, image masquée.

N'ayant pas de Mac et ne sachant pas utiliser un inspecteur sur smartphone, je suis le bec dans l'eau !

[RobertG]

Merci Helloo, mais sur Mac, ce sont 3 navigateurs qui donnent le même affichage, que je retrouve sur mon smartphone et sur ma tablette, que ce soit en portrait ou paysage, sans être capable d'analyser le code de la page pour comprendre la cause.

Je viens de réactiver ma vieille tablette Surface, et j'obtiens le même affichage, je vais pouvoir étudier le code !

PS : si sur cette tablette, je désactive "display;flex;", l'affichage revient à l'ancienne, avec le texte du bas passant sous la photo.

[RobertG]

Sur mes tablettes et mon smartphone, les choses sont rentrées dans l'ordre lorsque j'ai désactivé le float:right; du titre d'article. Reste à attendre de savoir si ça aussi fonctionné sur Mac.