Chevauchement image et texte - cadrage gauche
- scubabyss
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Informations
il y a 10 ans 4 mois - il y a 10 ans 4 mois #8723
par scubabyss
Chevauchement image et texte - cadrage gauche a été créé par scubabyss
J'ai un comportement bizarre de JCE sur des articles avec une image et des listes à puces ou numérotées.
Que ce soit en édition de l'article ou en affichage frontend, les puces ne s'alignent pas sur le reste du texte. elles sont indentées négativement.
Sur www.scubabyss.synology.me/cap/plongee-loisir/enseigner/monitorat-federal-1er-degre vous avez 2 articles identiques. L'un avec une image de 210x263, position à gauche du texte. L'autre avec une vignette de la même image et un pop up avec le plugin commercial, position à gauche du texte également.
Avec une image 200x263
Que ce soit en édition de l'article ou en affichage frontend, les puces ne s'alignent pas sur le reste du texte. elles sont indentées négativement.
Sur www.scubabyss.synology.me/cap/plongee-loisir/enseigner/monitorat-federal-1er-degre vous avez 2 articles identiques. L'un avec une image de 210x263, position à gauche du texte. L'autre avec une vignette de la même image et un pop up avec le plugin commercial, position à gauche du texte également.
Avec une image 200x263
- En éditeur on voit clairement que les puces ne se positionnent pas correctement (Voir pj)
- En affichage frontend, avec une image de 200x263, le puce sont bien avec un retrait négatif.
Je suis avec la dernières version de JCE, Joomla 3.2 mais le problème était identique avec J3.1.5 et un template réalisé avec CK template Creator. Le problème est identique avec T3-blank ou Beez
Merci de votre aide.
Dernière édition: il y a 10 ans 4 mois par scubabyss. Raison: Correction et précision
Connexion ou Créer un compte pour participer à la conversation.
- mihaly
- Hors Ligne
- Administrateur
il y a 10 ans 4 mois #8739
par mihaly
Mihàly Marti alias Sarki
Réponse de mihaly sur le sujet Chevauchement image et texte - cadrage gauche
Hello,
Il faut savoir que l'attribut style="float: left;" qui peret d'aligner l'image à gauche va annuler le retrait donné aux puces par le CSS du template, pas de solution avec les styles...
La seul façon de remédier à cela est hélas d'utiliser des tableaux.
Tu peux au moins donner une marge à droite à ton image, cela évitera le chevauchement.
Il faut savoir que l'attribut style="float: left;" qui peret d'aligner l'image à gauche va annuler le retrait donné aux puces par le CSS du template, pas de solution avec les styles...
La seul façon de remédier à cela est hélas d'utiliser des tableaux.
Tu peux au moins donner une marge à droite à ton image, cela évitera le chevauchement.
Mihàly Marti alias Sarki
Connexion ou Créer un compte pour participer à la conversation.
Temps de génération de la page : 0.113 secondes