Utiliser une image SVG avec un lien dans une page HTML

Bonsoir à tous.

Après avoir cherché comment remplacer des images *.jpg par des svg, j'ai trouvé ce code :

<object type="image/svg+xml" data="mon_image.svg">
<img src="mon_image.png" alt="mon image">
</object >

Cependant, je ne sais pas comment mettre un lien sur mon image. Quelqu'un sait-il faire ? J'ai peur que cela touche au XML et je ne suis pas sûr de maîtriser.

D'avance merci.

il devrait y avoir ce que tu cherches là :

http://www.euroclid.fr/Cours_SVG/all.htm

Je pense que ce code devrait marcher :

<a href="page.html"><embed width="200" height="200" name="img" src="image.svg" type="image/svg+xml"></a>

Le Embed n'est pas une solution dite "propre" donc je lache l'affaire, je fais du png avec un hach pour que les effets de transparence soient perçus par IE6.

Merci à vous deux.

Hello.
Pourquoi donc ?

La balise Embed n'est pas une solution dite "propre" car en effet elle n'est pas valide selon les normes W3C.
Il est préférable d'utiliser la balise object.

Cependant j'ai proposé à jfgananca d'utiliser une balise Embed car j'ai lu ( je ne sais plus où ... ) que la balise object posait des problèmes dans le cas des images SVG

Hello.

Je m'attendais bien à cette réponse.
Oh, certes elle n'est pas valide W3C utilisée seule.
Mais imbriquée dans une balise Object, si.

Après tout dépend via quel "DOCTYPE" la page a été créée.
<embled> n'a pas été suivi dans la version 4 de HMTL mais avant si.
Oh clair, plus personne n'utilise les versions précédentes, mais le validator valide toujours les anciennes versions.

En même temps ca fait pas très propre d'utiliser un standart relativement en vue (svg) avec une balise dépréciée... non ?

En même temps, tu n'as pas bien lu ce que j'ai écris.

J'avoue j'ai pas trop compris, tu lui suggère d'utiliser embed dans object ? Ou alors de passer en html 3 ?

Absolument pas.

Bonsoir à tous.

Merci d'avoir poursuivi la discussion malgré mon abandon.

Les solutions évoquées sont trop complexes pour moi. Je m'oriente vers du PNG généré depuis mes SVG (avec inkscape). Le nouveau problème c'est de gérer la transparence avec IE6 mais il existe un script pour ça. Donc globalement, ça me convient plus.

Merci à tous.

En même temps je viens de voir que le W3C recommande l'utilisation de embed pour insérer du flash, donc pourquoi pas du SVG ?

Bon courage

A+