Html enlever le cadre d'un lien sur une image
Résolu/Fermé
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 enlever une page sur word - Guide
- Verifier un lien - Guide
- Enlever pub youtube - Accueil - Streaming
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
totize
Messages postés
47
Date d'inscription
samedi 10 mai 2008
Statut
Membre
Dernière intervention
28 septembre 2010
4
19 août 2008 à 12:12
19 août 2008 à 12:12
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 !
z980x
Messages postés
897
Date d'inscription
jeudi 6 juin 2002
Statut
Membre
Dernière intervention
26 juillet 2007
16
7 févr. 2007 à 08:25
7 févr. 2007 à 08:25
Merci Dionysoos, c'est exactement ce que je recherchais !
Philippe
Philippe
afrodje
Messages postés
759
Date d'inscription
mardi 13 mars 2007
Statut
Membre
Dernière intervention
22 janvier 2014
168
11 avril 2009 à 15:17
11 avril 2009 à 15:17
Je viens de tester mais ça ne marche pas sous IE8?
Est-ce normal?
Est-ce normal?
afrodje
Messages postés
759
Date d'inscription
mardi 13 mars 2007
Statut
Membre
Dernière intervention
22 janvier 2014
168
11 avril 2009 à 15:21
11 avril 2009 à 15:21
Autant pour moi.
C'est ok, ça marche sous IE8
Merci
C'est ok, ça marche sous IE8
Merci
et pour les swf comment on fait?
Artic59
Messages postés
44
Date d'inscription
mardi 5 octobre 2010
Statut
Membre
Dernière intervention
20 novembre 2010
6
5 oct. 2010 à 18:58
5 oct. 2010 à 18:58
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;
}
dindoun
Messages postés
1028
Date d'inscription
mercredi 23 janvier 2008
Statut
Membre
Dernière intervention
17 février 2017
135
24 sept. 2008 à 18:44
24 sept. 2008 à 18:44
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
2 mars 2009 à 03:46
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+
8 févr. 2010 à 21:00
Huggy
8 juin 2010 à 10:37
Modifié par info le 5/08/2010 à 03:40
13 sept. 2010 à 16:11