Bonjour à tous,

Je sais, mon titre est un peu long mais pas ce n'est pas facile de faire court. Dans un article en bloc, lorsqu'on ajoute un texte + photo à gauche, si dans le texte on met une liste à puce, les puces n'apparaissent pas. Idem si c'est des titre avec arrière plan.
J'ai fait une page de test : http://demo.start-up.fr/test/photo-a-gauche-et-puce/

Si quelqu'un a une idée, merci.

Bonjour Vincent,

Sur ta page démo ("E-Majine testor", quel beau nom) les puces sont bien là, tout comme l'image d'arrière plan du titre, seulement l'image interfère avec leur affichage. Il te faut définir des styles pour les sélecteurs utilisés dans ce mode de publication ("textAndImages", "intext_left", "structured_text_semantique_text"...)

Cordialement,

Yann

Merci Yann,

Oui c'est bien ce que j'avais vu (je ne l'avais pas précisé). Mais je n'arrive pas en CSS à faire en sorte que çà fonctionne. J'avoue, j'ai encore beaucoup de lacunes en css. Une idée ?

A+

Vincent,

Tout dépend de l'élément présentant le caractère le plus impondérable : de quoi est-tu sûr dans cette mise en page ? Ici, l'image est le point le plus délicat. C'est pourquoi je te propose ci-dessous une marge externe en pourcentage, sans quoi, avec des tailles figées, tu peux travailler au pixel près.

_elements.css (ligne 176)
 
#text .textAndImages #main ul li {
margin:0 30%;
}

Pour ton titre de niveau 6, il faut le libérer du positionnement flottant spécifié dans un de ses parents (classe "intext_left") et dont il hérite :

_elements.css (ligne 37)
 
h6 {
clear:both;
}

J'espère que cela te mène à l'affichage désiré ;-)

Cordialement,

Yann

Merci Yann,

Non, je n'arrive pas au résultat désiré.
Le problème c'est que l'image peu changer de taille donc même en pourcentage ca ne va pas marcher (voir exemple).

Pour ce qui est du titre, je veux qu'il soit affiché à droite de l'image mais avec son arrière plan.

Si tu as une autre idée, je suis preneur.

A+

Vincent,

On va y arriver ;-)

Pour le H6, un float:right fait l'affaire.

Mais pour le reste, je te conseille alors de changer de tactique, et d'utiliser un préformaté. Du coup, tu sera libre d'attribuer les styles que tu souhaites aux sélecteurs CSS utilisés dans ton template.

Et non,

Je ne veux pas passer par le préformaté. Ce que je veux c'est trouver une méthode globale pour les articles en bloc de tous nos sites car j'ai 2 clients qui m'ont demandé pourquoi les puces ne s'affichait pas dans les blocs avec photo à gauche. Mais je ne pense pas que ce soit possible du fait que l'image soit en left.

A+

Vincent,

Ou alors, tu "préformates" ton article en bloc, puisque tu souhaites récupérer ta mise en page pour plusieurs sites. Sachant que ce type de ressource repose sur single_article.html, lui même appelant au besoin media.html, list.html, etc... tout reste possible ;-)