Sujet Précédent Sujet Suivant

Html enlever le cadre d'un lien sur une image

Résolu
Dionysoos -  
 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.

22 réponses

  • 1
  • 2
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.

Généré automatiquement par IA
sur la base des meilleures réponses
Réponse 1 / 22
jmangelini
 
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 !
143
okidoki
 
salut

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+
0
huggy
 
Un grand merciiii j'aime les solutions simples et efficasses, il reste les pointillés quand on clique sur les images si tu as une solution c'est super.
Huggy
0
PULS4R
 
Merci pour ce bout de code, bien pratique, j'avais mis a:img au lieu de a img, ça fait toute la diférence ^^, merci ;)
0
info
 
merci beaucoup c genial ;))))
0
marie
 
Merci, juste ce qu'il me fallait!!
0
Réponse 2 / 22
Dionysoos
 
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>
26
artkabis
 
Merci pour l'info, j'ai visité 3 sites, et personne n'avait la bonne réponse.

salut et merci encore
0
CyrBen
 
J'ai eu le même problème mais je l'ai réglé comme ça:
<a href="ourson_de_mer.html"><img src="petit_ours_plongeur.gif" alt="Photo d'un bébé ours dans l'eau salée." class="no_cadre"></A>

dans le fichier css inclure la ligne:
.no_cadre{
border:none;
}

Ce qui est plus respectueux des standard
0
salmonel
 
ah merci Dionysoos ça m'a bien servi ! thanks ;)
0
Réponse 3 / 22
Le Généreux du Web
 
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 ! ;)
11
toutencarton
 
merci beaucoup!!!
0
ggg
 
Merci beaucoup
0
beautys
 
Faut placer ça à quelle ligne? parce que moi y'a rien qui fonctionne je désespère:( (si vous êtes sous blogger donnez moi la ligne svp)
0
Réponse 4 / 22
TKrD
 
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
3
debutant
 
Merci, c'est exactement ca ;)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 22
djé
 
merci c exactement ce que je cherchais!! merci le web3.0
2
Réponse 6 / 22
totize Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   27
 
Merci beaucoup @ Dionysoos et également @ jmangelini !

C'est énorme ! Merci encore. Astuce très simple et efficace !
2
Réponse 7 / 22
tropsatisfait.com
 
je suis trop satisfait vous etes géniale continuez comme ça !!!
2
Réponse 8 / 22
Bisous
 
Merci
2
Réponse 9 / 22
z980x Messages postés 918 Statut Membre 16
 
Merci Dionysoos, c'est exactement ce que je recherchais !

Philippe
1
anonymous
 
2 personnes satisfaites le même jour après plusieurs mois, étonnant.

En tout cas merci aussi, j'y avais pas penser c'est con !!
0
Réponse 10 / 22
geraldine
 
merci pour l info
geraldine
1
Réponse 11 / 22
mowgli
 
Merci davoir prit la peine de mettre la réponse...
vraiment sympa...
1
Réponse 12 / 22
afrodje Messages postés 759 Date d'inscription   Statut Membre Dernière intervention   168
 
Je viens de tester mais ça ne marche pas sous IE8?

Est-ce normal?
1
Réponse 13 / 22
afrodje Messages postés 759 Date d'inscription   Statut Membre Dernière intervention   168
 
Autant pour moi.

C'est ok, ça marche sous IE8

Merci
1
Réponse 14 / 22
Profil bloqué
 
et pour les swf comment on fait?
1
Artic59 Messages postés 57 Statut Membre 6
 
Bonjour,

Tu trouvera peut-être par là :
https://www.webrankinfo.com/forum/t/supprimer-le-cadre-sur-les-flashs.65371/
0
Réponse 15 / 22
GaaR4
 
Merci BCP
http://fear.monclan.pro/ :P
0
Réponse 16 / 22
Rox
 
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;
}
0
Réponse 17 / 22
mapmelo
 
merci beaucoup, j'commencais a m'enerver....
-1
Réponse 18 / 22
tmac
 
gd merci a tous pour vos réponses :)
-2
Réponse 19 / 22
dindoun Messages postés 1047 Statut Membre 135
 
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
-2
Réponse 20 / 22
Al2501
 
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
-2
  • 1
  • 2