Html enlever le cadre d'un lien sur une image
Résolu
Dionysoos
-
Rox -
Rox -
Bonjour à tous, je vais vous expliquer le problème, j'ai créé un site internet bref, j'ai fait un lien sur une image, ça fonctionne trés bien mais mon problème est qu'il y a un cadre, qui a apparut autour de cette image , je voudrais savoire s'y il est possible de l'enlever.
Merci de vos réponse.
Merci de vos réponse.
A voir également:
- Html enlever le cadre d'un lien sur une image
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Comment faire un cadre sur word - Guide
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Enlever le fond d'une image - Guide
22 réponses
Encore plus simple et respectueux du standard
dans la feuille CSS, mettre ce code
a img
{
border: none;
}
Toutes les images du site constituant des liens seront débarrassées du cadre, sans besoin de préciser une classe dans les balises !
dans la feuille CSS, mettre ce code
a img
{
border: none;
}
Toutes les images du site constituant des liens seront débarrassées du cadre, sans besoin de préciser une classe dans les balises !
voila j'ai résolut mon problème, je donne la réponse au cas où d'autres personnes le recontrerais :
Utiliser l'attribut BORDER="0" dans la balise <IMG>. Par exemple :
<A HREF="ourson_de_mer.html"><IMG SRC="petit_ours_plongeur.gif" ALT="Photo d'un bébé ours dans l'eau salée." BORDER="0"></A>
Utiliser l'attribut BORDER="0" dans la balise <IMG>. Par exemple :
<A HREF="ourson_de_mer.html"><IMG SRC="petit_ours_plongeur.gif" ALT="Photo d'un bébé ours dans l'eau salée." BORDER="0"></A>
Salut a tous,
Pour ceux qui sont sous Firefox (pour moi la solution donnée plus haut ne marchait pas), donc j'ai pas mal cherché et j'ai trouvé !!!
Mettez ça dans votre fichier CSS :
a:focus
{
outline:0;
border: none;
}
a img
{
border: none;
}
Normalement ça devrait marcher ! ;)
Pour ceux qui sont sous Firefox (pour moi la solution donnée plus haut ne marchait pas), donc j'ai pas mal cherché et j'ai trouvé !!!
Mettez ça dans votre fichier CSS :
a:focus
{
outline:0;
border: none;
}
a img
{
border: none;
}
Normalement ça devrait marcher ! ;)
En faite, le truc c'est que tout le monde ce fait piéger en appliquant css sa balise sur le lien ... tout con quoi!
(moi aussi je me suis fait niqué ;)
merci les mecs
(moi aussi je me suis fait niqué ;)
merci les mecs
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci beaucoup @ Dionysoos et également @ jmangelini !
C'est énorme ! Merci encore. Astuce très simple et efficace !
C'est énorme ! Merci encore. Astuce très simple et efficace !
Bonjour,
Tu trouvera peut-être par là :
https://www.webrankinfo.com/forum/t/supprimer-le-cadre-sur-les-flashs.65371/
Tu trouvera peut-être par là :
https://www.webrankinfo.com/forum/t/supprimer-le-cadre-sur-les-flashs.65371/
Retirer les bordures bleues des liens des images dans le cas ou vous utiliser la classe thumbnail :
Dans votre fichier css il faut :
attribuer la propriété border et la valeur 0 à la classe thumbnail
.thumbnail
{
border: 0;
}
Si vous souhaitez retirer les pointillés qui s'affichent quand vous cliquez sur vos images, vous pouvez appliquer ceci dans votre code CSS
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner
{
border: 0;
outline : 0;
}
Dans votre fichier css il faut :
attribuer la propriété border et la valeur 0 à la classe thumbnail
.thumbnail
{
border: 0;
}
Si vous souhaitez retirer les pointillés qui s'affichent quand vous cliquez sur vos images, vous pouvez appliquer ceci dans votre code CSS
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner
{
border: 0;
outline : 0;
}
salut
c'est dans l'ordre :
jmangelini,CyrBen, dyonisoos qu'il faut suivre à mon avis car
jmangelini, ça permet de retravailler la page facilement, quoi qu'on y fasse ( mais nécessite des connaissances supplémentaires à l'html )
CyrBen, est propre mais ça agit sur tous les liens ( balise a comme <a href = )
dyonisoo le plus rapide quand on ne veut pas s'encombrer de css souvent inutiles tant qu'on ne connaît pas bien els css
c'est dans l'ordre :
jmangelini,CyrBen, dyonisoos qu'il faut suivre à mon avis car
jmangelini, ça permet de retravailler la page facilement, quoi qu'on y fasse ( mais nécessite des connaissances supplémentaires à l'html )
CyrBen, est propre mais ça agit sur tous les liens ( balise a comme <a href = )
dyonisoo le plus rapide quand on ne veut pas s'encombrer de css souvent inutiles tant qu'on ne connaît pas bien els css
merci à toi j mangelini, car j'avais tous testé et y a que ta solution qui a marché je commençais à désespérer, lol !!!
merci a+
Huggy