[Problème] Lien sur une image réduite

[carlux3]

Bonjour,

Voici mon problème pour lequel je ne trouve pas de solution "simple".

J'utilise JCE, dans un article j'ai mis des images (drapeaux) avec un lien vers un document dans la langue du drapeau.

Lorsque j'ai mis le drapeau j'ai réduit ça taille dans les propriétés de l'images et j'ai mis le lien.

Une fois en ligne lorsque l'on clique sur le drapeau c'est l'image qui s'agrandit et prend la priorité sur le lient, donc mon lien ne marche pas.

Y'a-t-il un moyen de supprimer l'agrandissement de l'image pour que le lien fonctionne sans redimensionner avant de la mettre sur le ftp

Merci

[SimonG]

Re : Lien sur une image réduite

Bonjour,

oui, cela est possible. Quel est le code généré pour cette image en lien ?

[layzone]

Re : Lien sur une image réduite

Salut pourras tu décrire la procédure que t'a fait pour affecter les lien aux images ?

[lomart]

Re : Lien sur une image réduite

Bonjour,

Cela arrive avec les templates responsives.
Il faut regarder les règles CSS appliquées. Il doit y avoir un width:100% au lieu d'un max-width:100%

[carlux3]

Re : Lien sur une image réduite

Voici un extrait du code d'une ligne :

<p style="text-align: left;"><span style="font-size: 8pt;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;107/120 mm² : DT1759-120 rev C &nbsp;<strong style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: normal; text-align: -webkit-center;"><a href="images/NOTICES/Isolateur_de_section/IS_25kV/JG1759/Pour%20FC%20120%20et%20107/DT1759-120revC-FR.pdf"><img style="vertical-align: middle;" src="images/ARTICLES/Agents/Drapeaux/fr.png" alt="fr" width="15" height="11" /></a>

[carlux3]

Re : Lien sur une image réduite

Salut pourras tu décrire la procédure que t'a fait pour affecter les lien aux images ?

Insertion de l'image (grande), réduction de la résolution de l'image depuis JCE, puis lien sur l'image.

Voilou

[lomart]

Re : Lien sur une image réduite

Voici un extrait du code d'une ligne :

Je me suis mal exprimé. Quelles sont les règles effectives appliquées à ton image. A regarder avec un inspecteur de code comme Firebug
Je ne connais pas ton template, mais les templates responsives doivent redimensionner les images pour les adapter aux smartphones. La seule solution viable est de redimensionner les petites images à la taille d'utilisation. Les autres, je les contraint dans une div.spanX en bootstrap

[carlux3]

Re : Lien sur une image réduite

Je me suis mal exprimé. Quelles sont les règles effectives appliquées à ton image. A regarder avec un inspecteur de code comme Firebug
Je ne connais pas ton template, mais les templates responsives doivent redimensionner les images pour les adapter aux smartphones. La seule solution viable est de redimensionner les petites images à la taille d'utilisation. Les autres, je les contraint dans une div.spanX en bootstrap

Du coup j'ai fait la méthode fastidieuse mais efficace, j'ai redimensionné mes photos avant pour ne pas avoir à le faire dans l'article... :s