[RÉGLÉ] Agencement image, texte d'introduction et texte complet

[RobertG]

Bonjour à tous,

Je n'ai pas l'habitude d'utiliser "lire la suite" avec une image dans l'intro, à conserver dans l'article complet, et je suis à la recherche de la meilleure manière de procéder pour que, avec une image placée à gauche avec le gestionnaire d'image ou l'onglet "mages et liens", même si le texte d'intro ne passe pas sous l'image, la partie complémentaire s'affiche bien sous celle-ci.

J'y arrive, c'est vrai, en multipliant les sauts de lignes, mais n'y a-t-il pas plus simple car ça oblige à vérifier le résultat (avec JCE, le preview ne correspond pas à la vue sur le site);

Merci de vos conseils !
Robert

[Eddy.vh]

Bonjour Robert.
As-tu essayé un clear: both; dans le style de ton premier paragraphe suivant le"Lire la suite." ?
Ça annulera le float de l'image sur ce dernier.

[RobertG]

Je viens d'essayer, mais dans l'article complet, je retrouve le texte complémentaire sous le texte d'intro, pas sous l'image

[Eddy.vh]

L'image est bien en float (gauche ou droite) ?
Un lien pour voir?

[RobertG]

L'image est bien en float:left
Non, le site est en cours de modifs sur un clone et les choses changent trop vite quand je fais ce genre de tests

[Eddy.vh]

Alors je ne vois pas.
Normalement un clear : both annule tout effet de flottement.

[lomart]

Bonsoir Robert,

Tu as un exemple de code HTML généré ?

[RobertG]

Pardon d'avoir tardé à répondre.
Je vais essayer de créer une page sur un site de tests pour pouvoir vous en donner le lien.

[RobertG]

Voilà une page de test : http://test383.par-robertg.fr/test-lire-la-suite
La deuxième partie du texte est en <p class="clear"> et j'ai ajouté dans template.css
.clear {
clear:both;
}

Quelle est mon erreur ?
Le code de l'article en question :

<p><img src="images/sampledata/crabe_240.png" alt="crabe 240" style="margin: 15px; float: left;" /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In orci felis, interdum at nisi a, consequat venenatis lacus. Phasellus nunc lectus, congue id mollis non, pellentesque suscipit magna. Cras metus eros, placerat a justo et, interdum condimentum enim. Sed eros erat, finibus id nibh in, fermentum condimentum neque.</p>
<hr id="system-readmore" />
<p class="clear">Pellentesque ac vestibulum ipsum. Nam eleifend enim mattis, vulputate ligula non, consequat nunc. Donec tempus mi ut erat fringilla, eget mattis mi lobortis. Sed sed vestibulum lectus. Quisque rhoncus finibus viverra. Ut mi ligula, sodales nec hendrerit facilisis, porttitor in velit. Praesent id sem volutpat magna ultrices sollicitudin. Aenean rhoncus leo eu massa imperdiet, finibus lobortis lorem pretium. Nullam ac lacus nulla.</p>

[lomart]

Bonjour Robert,

Sur ta page test, j'ai cela après avoir cliqué sur "lire la suite".
Tu veux quoi ?

[RobertG]

Je veux ne pas oublier d'effacer le cache !
C'est bon maintenant, mais sur le site sur lequel j'ai eu les problèmes initiaux, le clear:both; n'avait pas d'effet... là encore probablement un effet de cache, car j'ai quand même l'habitude (mais peut-être pensais-je à autre chose, hier ?) d'utiliser CTRL+F5 !