[Problème] affichage des images décallées je voudrais mettre texte en dessous l'image pas a côté

[sylvain93]

Bonsoir, ayant mis à jour mon site de 1.5 vers 2.5 (avec difficulté) je me retrouve avec certains articles dont la mise en page est complètement décallée

un exemple: http://pcetmac.com/index.php/les-mei...achat-en-ligne

j'ai eut beau chercher dans tous les sens quand j'ai crée mes articles sous 1.5 le texte était positionné en dessous de l'image, maintenant soit c'est aléatoire, je ne comprend pas

je ne comprend pas ...

merci de votre aide

[lomart]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

Comparez la structure des articles rue montgallet et le bon coin, vous comprendrez tout de suite.

[sylvain93]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

Bonjour, le soucis est que par exemple j'ai mis l'image de "rue-montgallet" en justifié, ça avait fonctionné, les autres non,

Sur le site il y a d'autres articles dans d'autres catégories qui n'ont pas ce soucis,

Sous 1.5.26 tout était correct, j'insérais une image, je tapais le texte en dessous et tout était OK, Joomla 2.5.8 est plus pointu je m'en suis rendu compte

N'y a-t-il pas un autre paramétrage général caché ?

Merci

[lomart]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

Sous 1.5.26 tout était correct, j'insérais une image, je tapais le texte en dessous et tout était OK, Joomla 2.5.8 est plus pointu je m'en suis rendu compte

NON, Joomla y est pour rien. Vous avez eu de la chance. Vos articles ont été crées le 30 janvier, ce n'est pas une reprise de J15

N'y a-t-il pas un autre paramétrage général caché ?

Qu'utiliser vous comme éditeur ?
Avec JCE, vous pouvez spécifiez de faire un paragraphe au lieu d'un saut de ligne.
Mais encore faut-il en faire un, ce qui n'est pas votre cas.

Comparez le code HTML des 2 articles et vous comprendrez le pourquoi.

[sylvain93]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

Bonsoir, oui j'utilise JCE,

je cherche toujours et essayé d'autres manips mais ne trouve pas c'est rageant.

Je précise à nouveau tout était ok sous 1.5 au niveau mise en page, mais maintenant sur ce site mis à jour j'ai des articles qui s'affichent avec le texte bien en dessous mais d'autres avec le texte collé, j'aimerais bien savoir pourquoi, j'ai pratiquement résolu tous les problèmes de mise à jour mais je butte sur celui la ...

Voici le code des 2 articles au cas ou mais je n'aimerais pas toucher au code à chaque afticle écrit ce n'est pas le but recherché

Il n'y a pas de problèmes sur la page d'accueil (???)

merci


Code rue de montgallet
<div>
<h1 style="text-align: justify;"><img src="images/stories/internet/ruemontgallet.gif" alt="alt" /><a href="http://www.rue-montgallet.com/"></a>
</h1>
</div>
<p style="text-align: left;">Site de comparatifs et de tests sur les produits informatiques du secteur de la rue de Montgallet à Paris 12<br />Retrouvez les boutiques qui vendent les produits que vous recherchez, l'évaluation (réelle ?) des boutiques etc ...<br /><a href="http://www.rue-montgallet.com/"></a><a href="http://www.rue-montgallet.com/">http://www.rue-montgallet.com/</a>
</p>


code le bon coin

<p style="text-align: justify;"><a target="_blank" href="http://www.leboncoin.fr"><img src="images/stories/internet/leboncoin.png" alt="" /></a>
</p>
<p>Petites annonces gratuites (annonces immobilières, voitures d'occasion, produits d'occasion, locations de vacances, offres d'emploi, services de proximité, Un des plus grands sites d'annonce gratuites en France<br /><a href="http://www.leboncoin.fr/"></a><a href="http://www.leboncoin.fr/">http://www.leboncoin.fr/</a>
</p>

[lefabdu51]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

Bonsoir, oui j'utilise JCE,

je cherche toujours et essayé d'autres manips mais ne trouve pas c'est rageant.

Je précise à nouveau tout était ok sous 1.5 au niveau mise en page, mais maintenant sur ce site mis à jour j'ai des articles qui s'affichent avec le texte bien en dessous mais d'autres avec le texte collé, j'aimerais bien savoir pourquoi, j'ai pratiquement résolu tous les problèmes de mise à jour mais je butte sur celui la ...

Voici le code des 2 articles au cas ou mais je n'aimerais pas toucher au code à chaque afticle écrit ce n'est pas le but recherché

Il n'y a pas de problèmes sur la page d'accueil (???)

merci


Code rue de montgallet
<div>
<h1 style="text-align: justify;"><img src="images/stories/internet/ruemontgallet.gif" alt="alt" /><a href="http://www.rue-montgallet.com/"></a>
</h1>
</div>
<p style="text-align: left;">Site de comparatifs et de tests sur les produits informatiques du secteur de la rue de Montgallet à Paris 12<br />Retrouvez les boutiques qui vendent les produits que vous recherchez, l'évaluation (réelle ?) des boutiques etc ...<br /><a href="http://www.rue-montgallet.com/"></a><a href="http://www.rue-montgallet.com/">http://www.rue-montgallet.com/</a>
</p>


code le bon coin

<p style="text-align: justify;"><a target="_blank" href="http://www.leboncoin.fr"><img src="images/stories/internet/leboncoin.png" alt="" /></a>
</p>
<p>Petites annonces gratuites (annonces immobilières, voitures d'occasion, produits d'occasion, locations de vacances, offres d'emploi, services de proximité, Un des plus grands sites d'annonce gratuites en France<br /><a href="http://www.leboncoin.fr/"></a><a href="http://www.leboncoin.fr/">http://www.leboncoin.fr/</a>
</p>

Dans un cas c est un titre H1(balise H1= type block) et dans l autre un paragraphe (balise p type inline)....

PS pourquoi deux liens dont un qui ne comporte aucun texte?

@lomart.....
c est pas avantageux d utiliser un editeur wysiwyg...vaut mieux apprendre le html et creer sa propre typo au moins on est sur de ce que l on fait

[lomart]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

@sylvain93
Vous avez rajouté une balise <p> depuis hier, ce qui est mieux qu'un <span> pour avoir des blocs l'un au dessous de l'autre.
Mais ce n'est pas suffisant car dans votre css (compressé), vous avez cette règle
.blog p img {
float: left;
padding: 0 0 10px;
}
qui fait qu'une image dans un paragraphe .blog flotte toujours à gauche.

@lefabdu51
je ne comprends pas ta réflexion

[Eddy.vh]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

Bonjour.

autre un paragraphe (balise p type inline)

Faux, la balise <p> est une balise de type bloc.

Tes articles sont rédigés de manières différentes.
Pour ce genre d'affichage, il vaut mieux utiliser la fonction "Images" dans la partie "images et liens" et formater via CSS. Tu auras un affichage homogène si tant est que tu sélectionnes toujours les mêmes paramètres de position d'image.

Petite astuce que j'utilise souvent.
Pour être certain de garder une homogénéité des articles, tu peux créer un article modèle que tu ne publies pas.
Il te resteras à en créer une copie, modifier cette copie déjà formatée, enregistrer et publier…

Corrige aussi tes liens vides mentionnés par lefabdu51.
Évite aussi la balise h1 dans les articles car en mode blog il risque d'en avoir plusieurs par page et c'est pas bien sémantique tout ça.
La balise ne doit apparaître qu'une fois par page, elle devrait être le gros titre de page, c'est très important niveau référencement.
Vaut même mieux pas avoir de h1 sur une page qu'en avoir plusieurs…

[sylvain93]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

Bonjour, merci beaucoup Eddy mais comme je n'avais pas ces problèmes en 1.5.26 cela m"étonnerais qu'il faille que je touche au code ?
Je pense que c'est un bouton ou une option à cocher quelque part mais je ne trouve pas

Je contourne le problème en reformatant les articles mais étant curieux je cherche en évitant de toucher au code, j'ai vu qu'il y a des options de mise en page mais les actions ne font rien (?)

Bizarre bizarre

[lomart]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

Bizarre bizarre

NON, ce code a du être apporté par le template ou autre.
C'est lui la cause de tes ennuis

.blog p img {
    float: left;
    padding: 0 0 10px;
}

[sylvain93]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

Oui c'est ce que je me doute, à mon avis pas le template car par exemple je n'ai pas cela sur les articles de la page d'accueil, si c'était le template j'aurais cela partout,

Je pense que c'est dans la gestion des articles de la catégorie, il doit y avoir un paramètre qui a du mal être mis à jour et qui doit être coché ou être sélectionné sur "format blog" je pense qu'il y aura une solution tôt ou tard.

Pour le moment pour certains articles j'ai réinséré l'image en cliquant "alignement gauche" dans les propriétés et en faisant plusieurs fois entrée, c'est bancal mais ça semble marcher ...

je laisse le post ouvert tout en remerciant

[lomart]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

Je pense que c'est dans la gestion des articles de la catégorie, il doit y avoir un paramètre qui a du mal être mis à jour

Tu ne serais pas du genre têtu ?

Pour le moment pour certains articles j'ai réinséré l'image en cliquant "alignement gauche" dans les propriétés et en faisant plusieurs fois entrée, c'est bancal mais ça semble marcher ...

Sur Chrome, le texte est toujours à droite
Sur Firefox, safari, ie10, il n'y a plus d'image
a part, ça va !!!

Il suffit d'ajouter cela en fin de ta feuille de style pour annuler la règle responsable de tes ennuis
.blog p img {float:none}

[Eddy.vh]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

Oui Lomart, c'est bien la cause du soucis (ou pas d'ailleurs car un zeste de css et on obtient quelque chose d'intéressant !) mais le fait est que les articles ne sont pas formatés de la même manière !
Même en corrigeant le problème du float, d'autres problèmes pourraient survenir, du à ces différences de formatage.

Lorsque je valide un article, je vérifie toujours son code source dans l'éditeur pour m'assurer que rien de non souhaité n'y traine, paragraphes vides, etc., toute sorte des petites choses qui peuvent entraîner des différences d'affichage d'un article à l'autre !

Sylvain, utilise firebug pour déceler de tels ennuis, tu trouveras rapidement la source de tes ennuis.

c'est bancal mais ça semble marcher…

Et ça crée un code bien dégueulasse plein de paragraphes vides, alourdit inutilement ta page et ton code source trahira une certaine incompétence en la matière. C'est tout, sauf conseillé…

Lomart, si tu vois encore certaines images sur l'un ou l'autre navigateur et pas sur un autre, il faut peut-être vider leur cache car là ou les images ne sont plus sur firefox, elle ne sont plus dans le code source non plus.
Sylvain. Il reste du code non désiré dans un article que tu as déjà modifié, des liens non terminés et vides !!!!

[sylvain93]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

merci,

le soucis est que je ne suis pas à l'aise avec le code, je ne connais que des bribes et cela m'ennuie de modifier des fichiers si une mise à jour m'écrase ce que j'ai fait.
Oui je suis tétu je ne comprend pas pourquoi ailleurs sur le site le texte inséré sous une image apparait comme tel: un lien vers un seul article semble ok,
je vous tiens informé si je trouve

Je note quand même vos infos c'est utile

[Eddy.vh]

Re : affichage des images décallées je voudrais mettre texte en dessous l'image pas a

Tu ne dois pas modifier le code de tes fichiers Joomla! mais celui de tes articles.
Là, tu as des erreurs, des liens vide que tu ne peux voir en mode "édition". Il te faut passer en mode code pour les repérer et les corriger.

je ne comprend pas pourquoi ailleurs sur le site le texte inséré sous une image apparait comme tel

Parce que ton image se trouve dans un paragraphe, lui-même dans un block de classe blog et elle de ce fait soumise à la règle CSS ".blog p img" avec un float: left

Tu peux facilement le voir avec Firebug !