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.
22 réponses
- 1
- 2
Suivant
Résumé de la discussion
Un cadre apparaît autour d'une image liée et le problème consiste à savoir comment le retirer pour éviter l'effet visuel indésirable tout en conservant le lien cliquable. Des solutions CSS sont proposées, notamment a img { border: none; } pour supprimer la bordure de toutes les images liées et éviter d’avoir à cibler chaque élément. D'autres proposent l'attribut HTML BORDER="0" sur la balise IMG, ou des ajustements CSS comme a:focus { outline:0; border: none; } et a img { border: none; } pour des cas spécifiques. En cas d'incompatibilité navigateur, certains recommandent des règles spécifiques liées à l'état focus et aux liens pour garantir l'absence de cadre sur tous les navigateurs.
-
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 ! -
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> -
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 ! ;) -
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 -
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 ! -
-
-
Merci Dionysoos, c'est exactement ce que je recherchais !
Philippe
-
-
-
Je viens de tester mais ça ne marche pas sous IE8?
Est-ce normal? -
Autant pour moi.
C'est ok, ça marche sous IE8
Merci -
-
Bonjour,
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;
} -
-
-
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 -
Merci baucoup pour ton massage, j'ai rencontré le même problème sur un site que je fait pour les cours d'info à la fac de caen, et la 1ere evaluation du projet est pour demains matin!
J'ai cherché longtemps dans mes cours mais rien...
Tu me sauves la vie^^ lol
- 1
- 2
Suivant
