Insertion et alignement d'images dans article [Résolu]

[miledda]

Bonjour.
Impossible d'insérer correctement une image dans un article. Quelle que soit la dimension indiquée, le système ne prend en compte que la hauteur de l'image et lui donne toute la largeur de l'article, ne tenant donc pas compte de l'alignement éventuel demandé, l'image se trouve donc déformée et placée d'office avec un alignement "centre".
Ce problème apparait avec JCE et Tiny Mice, avec mon template et avec Beez que j'ai testé.
Mon Joomla est à jour de la dernière version (peut-être un bug lié à cette version ?)
Merci pour vos lumières.

[woluweb]

bonjour,
c'est sans doute lié à du css provenant du template et qui induit ce comportement de l'image

un lien vers votre site pour qu'on puise donner une explication / solution concrètes

[miledda]

Merci pour la réponse; mais j'ai essayé sur un autre site avec un autre template ...

[RobertG]

Pas sûr que ce soit un malware, c'est une div cachée liant le site à l'auteur du template.

<div class="module-4-events"><div style="position:absolute;top:0;left:-9999px;"><a href="http://www.globbersthemes.com" title="joomla templates">joomla templates</a><a href="http://www.globbersthemes.com" title="joomla">joomla</a></div></div>

[pmleconte]

Après analyse, les copyrights ont été cachés, en jouant avec le CSS. Pas très légal tout ça....

[miledda]

A toute fin utile, je précise que ce template n'a pas été piraté mais acheté tout à fait régulièrement., c'est pourquoi je me suis permis d'effacer le copyright.

[pmleconte]

Pour les outils tels que Sucuri (mais aussi les autres outils d'analyse comme Google), le fait de cacher des liens par du CSS n'est jamais bon.

Au niveau du copyright de GlobberThemes, http://www.demoglobbers.com/download?download=3:commercial-license, une fois acheté, vous avez le droit de supprimer le copyright dans le fichier index.php du template.

Après discussion, j'ai remis le lien vers votre site.

Pascal

[pmleconte]

Pour revenir sur le problème initial, il y a un bout de css dans le module GK qui force la largeur des images à 100%, d'où leurs aspects.

Module GK = Gavik, je pense qu'il s'agit de Gavick News module.

Pascal

[pmleconte]

En fait, cela semble être une ligne du fichier style.css de votre template, en ligne 1819 et suivantes:

.gk-article-single img { width: 100% !important; }

Vérifiez si votre template gère les fichiers custom.css pour y mettre vos règles spécifiques.

Pascal

[pmleconte]

A propos du centrage, vous avez mis sur votre image un style qui va centrer l'image : display:block, margin-left:auto; margin-right:auto

Donc, cela fonctionne comme prévu.

Pascal

[miledda]

Merci beaucoup pour ces réponses, mais je viens de m'apercevoir que j'ai également quelques problèmes de bootstrap (sans doute liés au précédent. Je vais simplement utiliser un nouveau template pour l'instant.
Je vais étudier celui-ci de plus près (copyright, images bootstrap ...) avant de tenter de l'utiliser sur un autre site.

Je mets donc ce sujet en "résolu"