Résolu Problème affichage SVG en ligne

[SLYMEER]

Bonsoir,

Après avoir partiellement réalisé mon portfolio web en HTML5+CSS3 et intégré des fichiers ".svg" dans des balises <img> sans aucune erreur sur le validateur, j'ai décidé de l'upload sur mon espace perso orange pour que j'ai une version accéssible de nul-part, enfin du moins pour présenter ce travail autre qu'en local.

Cependant, à ma grande surprise, les .svg ne s'affichent pas lorsque la page est en ligne, or ils s'affichent en local, malgré que les chemins sont corrects, auriez-vous une idée d'où ça pourrait provenir?

Merci d'avance,

PS:
Ma balise est organisée de la sorte:

<img alt="SETTINGS" class="icons" src="icons/settings.svg"/>

 

[ExoTiiKz SEC]

Bonsoir,

Après avoir partiellement réalisé mon portfolio web en HTML5+CSS3 et intégré des fichiers ".svg" dans des balises <img> sans aucune erreur sur le validateur, j'ai décidé de l'upload sur mon espace perso orange pour que j'ai une version accéssible de nul-part, enfin du moins pour présenter ce travail autre qu'en local.

Cependant, à ma grande surprise, les .svg ne s'affichent pas lorsque la page est en ligne, or ils s'affichent en local, malgré que les chemins sont corrects, auriez-vous une idée d'où ça pourrait provenir?

Merci d'avance,

PS:
Ma balise est organisée de la sorte:

<img alt="SETTINGS" class="icons" src="icons/settings.svg"/>

Hey,

J'ai à peine modifié ta balise et redis-moi

<img alt="SETTINGS" class="icons" src="icons/settings.svg">

Tu as mis un "/" en trop à la fin, il me semble que c'est ce qui te bloque.

 

[SLYMEER]

Hey!

En effet j'ai fais une petite erreur de syntaxe mais malheureusement c'est pas ça qui bloque :/ Merci d'être passé tout de même

Le sujet est toujours d'actualité si quelqu'un passe par ici En attendant je vais essayer de voir de mon côté.

 

[KitKatRG]

Salut, j’ai déplacé ta discussion dans la bonne section.

 

[Paul GTP]

Hey,

J'ai à peine modifié ta balise et redis-moi

<img alt="SETTINGS" class="icons" src="icons/settings.svg">

Tu as mis un "/" en trop à la fin, il me semble que c'est ce qui te bloque.

Hey!

En effet j'ai fais une petite erreur de syntaxe mais malheureusement c'est pas ça qui bloque :/ Merci d'être passé tout de même

Le sujet est toujours d'actualité si quelqu'un passe par ici En attendant je vais essayer de voir de mon côté.

Non non non !

<img>, au même titre que <br>, est une balise orpheline (une balise qui ne se ferme pas) !
Il n'est donc pas faux (je vous le conseille, même...) de l'écrire avec un slash à la fin
Le problème ne vient donc pas de là

Voici quelques pistes de recherche pour régler ton problème:

1. Définir une width et une height à ton image
2. Essayer sur un autre hébergeur (peut-être que Orange ne te permet pas d'importer des svg)
3. Utiliser la balise <object> plutôt que <img /> ? (pas une très bonne idée)
4. Utiliser la balise iframe ?

M'enfin bon... En théorie la balise <img /> suffit très bien

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

N'hésites pas à me MP ton code pour que je regarde si ça marche chez moi, sait-on jamais

 

[SLYMEER]

Hey!

Merci d'avoir répondu, j'ai réglé le problème avec un prof à moi ce matin : c'était vraiment tout con.

En fait, Orange avait "privatisé" le dossier "icons" sur leur serveur, autrement dit quand j'ai mis mon dossier "icons" sur le FTP, le contenu n'était pas lu puisqu'il était protégé, sécurisé, enfin je ne sais pas trop comment définir cela ^^

La solution était du coup toute conne aussi : renommer le dossier "icons" en "icons2" ou n'importe quel autre nom différent de "icons".. ?

Merci à vous d'avoir répondu encore une fois, et bonne journée

 

[Avionix]

Salut,
J'ai déplacé ta discussion en section Résolu.

Bonne soirée,
Avionix