Html enlever le cadre d'un lien sur une image [Résolu]

Dionysoos - Dernière réponse le 26 mars 2012 à 14:18

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.

Html enlever le cadre d'un lien sur une image »

Suggestions

Html enlever le cadre d'un lien sur une image
Enlever le soulignement sous les liens en HTML/CSS » Fiches pratiques
Enlever trait sous un lien href (Résolu) » Forum
Couleur des bordure des images en html (Résolu) » Forum
HTML : Enlever couleur lien en violet / bleu (Résolu) » Forum
Enlevé couleur bleu dans l'écriture d'un lien » Forum

Plus

Réponse

+120

jmangelini 19 août 2008 à 10:54

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 !

Ajouter un commentaire

Afficher les 10 commentaires

okidoki - 2 mars 2009 à 03:46

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+

huggy - 8 févr. 2010 à 21:00

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

PULS4R - 8 juin 2010 à 10:37

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 ;)

info - 5 août 2010 à 03:40

merci beaucoup c genial ;))))

marie - 13 sept. 2010 à 16:11

Merci, juste ce qu'il me fallait!!

LG - 16 nov. 2010 à 19:09

Merci !!!!!

Pseudo ... - 19 déc. 2010 à 21:56

Franchement merci beaucoup =D

Hardcore_Kétamine - 1 avril 2011 à 20:27

Merci a toi !

jefferman - 19 avril 2011 à 21:07

là au moins c'est clair.
merci l'ami

sara - 26 mars 2012 à 14:18

merci bcp ça m aide bcp

Réponse

+23

Dionysoos 14 mars 2006 à 17:30

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>

Ajouter un commentaire

artkabis - 17 mai 2008 à 17:06

Merci pour l'info, j'ai visité 3 sites, et personne n'avait la bonne réponse.

salut et merci encore

CyrBen - 19 juin 2008 à 18:36

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

Réponse

Le Généreux du Web 5 oct. 2010 à 18:54

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 ! ;)

Ajouter un commentaire

Réponse

djé 22 mai 2008 à 16:08

merci c exactement ce que je cherchais!! merci le web3.0

Ajouter un commentaire

Réponse

totize 53Messages postés 10 mai 2008Date d'inscription 17 octobre 2010Dernière intervention 19 août 2008 à 12:12

Merci beaucoup @ Dionysoos et également @ jmangelini !

C'est énorme ! Merci encore. Astuce très simple et efficace !

Ajouter un commentaire

Réponse

TKrD 15 janv. 2009 à 21:04

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

Ajouter un commentaire

Réponse

Bisous 16 déc. 2009 à 23:58

Merci

Ajouter un commentaire

Réponse

geraldine 24 sept. 2007 à 15:49

merci pour l info
geraldine

Ajouter un commentaire

Réponse

mowgli 9 sept. 2008 à 12:42

Merci davoir prit la peine de mettre la réponse...
vraiment sympa...

Ajouter un commentaire

Réponse

afrodje 897Messages postés 7 février 2008Date d'inscription 23 avril 2012Dernière intervention 11 avril 2009 à 15:17

Je viens de tester mais ça ne marche pas sous IE8?

Est-ce normal?

Ajouter un commentaire - Site web

Réponse

afrodje 897Messages postés 7 février 2008Date d'inscription 23 avril 2012Dernière intervention 11 avril 2009 à 15:21

Autant pour moi.

C'est ok, ça marche sous IE8

Merci

Ajouter un commentaire - Site web

Réponse

tropsatisfait.com 13 sept. 2009 à 09:49

je suis trop satisfait vous etes géniale continuez comme ça !!!

Ajouter un commentaire

Réponse

bboygiz 439Messages postés 4 novembre 2008Date d'inscription 21 juin 2011Dernière intervention 13 sept. 2009 à 11:48

et pour les swf comment on fait?

Ajouter un commentaire

Artic59- 5 oct. 2010 à 18:58

Bonjour,

Tu trouvera peut-être par là :
http://forum.webrankinfo.com/supprimer-cadre-sur-les-flashs-t65371.html

Réponse

GaaR4 27 janv. 2010 à 22:55

Merci BCP
http://fear.monclan.pro/ :P

Ajouter un commentaire

Réponse

-1

z980x 224Messages postés 16 mai 2004Date d'inscription 7 févr. 2007 à 08:25

Merci Dionysoos, c'est exactement ce que je recherchais !

Philippe

Ajouter un commentaire

anonymous - 7 févr. 2007 à 10:30

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 !!

Réponse

-1

mapmelo 21 mars 2008 à 10:02

merci beaucoup, j'commencais a m'enerver....

Ajouter un commentaire

Réponse

-2

tmac 24 sept. 2008 à 18:35

gd merci a tous pour vos réponses :)

Ajouter un commentaire

Réponse

-2

dindoun 811Messages postés 23 janvier 2008Date d'inscription 7 mai 2012Dernière intervention 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

Ajouter un commentaire - Site web

Réponse

-2

Al2501 4 nov. 2008 à 16:39

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

Ajouter un commentaire

Réponse

-3

komar_666 21 mars 2008 à 10:10

Decoration = none

Ajouter un commentaire

1 2

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Html enlever le cadre d'un lien sur une image [Résolu]

Html enlever le cadre d'un lien sur une image »

Passage au tout numérique : quel coût pour les particuliers ?