Html enlever le cadre d'un lien sur une imageRésolu/Fermé

Question

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.

jmangelini · Accepted Answer

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 !

Dionysoos · Answer

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 . Par exemple :

z980x · Answer

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

geraldine · Answer

merci pour l info 
geraldine

mapmelo · Answer

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

komar_666 · Answer

Decoration = none

djé · Answer

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

totize · Answer

Merci beaucoup @ Dionysoos et également @ jmangelini !

C'est énorme ! Merci encore. Astuce très simple et efficace !

mowgli · Answer

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

tmac · Answer

gd merci a tous pour vos réponses :)

dindoun · Answer

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

Al2501 · Answer

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

Grégoss · Answer

Merci beaucoup pour ces réponses.
    Moi aussi javais ce probleme et maintenant grace a vous c'est resolu.




Yen a marre des forum de 22kilometr de comm inutile sans reponse.

Merci encore.tchaw

TKrD · Answer

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

afrodje · Answer

Je viens de tester mais ça ne marche pas sous IE8?

Est-ce normal?

afrodje · Answer

Autant pour moi.

C'est ok, ça marche sous IE8

Merci

tropsatisfait.com · Answer

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

bboygiz · Answer

et pour les swf comment on fait?

Bisous · Answer

Merci

GaaR4 · Answer

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

Le Généreux du Web · Answer

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

Rox · Answer

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

Html enlever le cadre d'un lien sur une image

22 réponses

Discussions similaires

Newsletters