Cadre bleu autour des images (HTML)

Fermé
emma - 23 juil. 2010 à 22:35
 Emma - 26 juil. 2010 à 10:30
Bonjour,

Je suis très embêtée... En effet, je fais face au problème suivant: J'ai insérer une liste de 21 images de mêmes tailles (stockées sur ImageShak) et chacune dirige sur une page externe. Je l'ai fait en utilisant pour chacune le code suivant:

src="http://www.liendelimage.com" alt="" width="65" height="51" /></a>  <a href="http://www.lienexterne.com/" target="_blank"><img

Résultat: l'image et le lien externe fonctionnent mais les images sont entourées par un cadre bleu.

J'ai regardé sur plusieurs forums et j'ai suivi les explications (comme sur cette page: https://forums.commentcamarche.net/forum/affich-37621995-enlever-le-soulignement-sous-les-liens-en-html-css ), mais malgré tout, cela ne fonctionne pas.

J'ai essayé cette méthode (entre autres) sans succès:
<a href="/" style="text-decoration:none">Texte du lien</a>

Pourriez-vous m'indiquer si mon code HTML est faux?

Est-il possible de supprimer le cadre bleu autour des images en passant par le HTML?

Dans l'espoir de trouver réponse, je vous souhaite une bonne soirée et un bon weekend à tous!

2 réponses

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
24 juil. 2010 à 01:46
Salut.

L'attribut "border" est obsolète, W3Schools le dit lui-même :
https://www.w3schools.com/tags/tag_img.asp (tableau "Optional Attributes").

Voilà comment faire en CSS, avec l'attribut "style" :
<a href="cible.html">
    <img src="image.png" alt="" style="border: none;" />
</a>
1
theo7777 Messages postés 104 Date d'inscription mercredi 24 mars 2010 Statut Membre Dernière intervention 9 janvier 2013 42
25 juil. 2010 à 18:42
Encore mieux dans un fichier css!
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
25 juil. 2010 à 21:43
« Encore mieux dans un fichier css! »
Sans contestation.
0
Merci pour les réponses :-)

Malheureusement, je ne suis pas une très grande connaisseuse du CSS alors je préfères (pour l'instant du moins), utiliser le HTML. Ça a également bien fonctionné !

Mais j'ai quand même pris note, pour la suite, quand mes connaissances en CSS seront plus approfondies!

Merci encore et bonne semaine!
0
Utilisateur anonyme
23 juil. 2010 à 22:38
Salut,

Dans la balise image, mets border="0"

exemple :

<a href="le lien">
<image src="tonimage.jpg" border="0"/>
</a>
0
Bonsoir Rocky!

Je te remercie, je ne pensais pas recevoir une réponse aussi rapide et en plus cela fonctionne :-)

Merci beaucoup! Passe un bon weekend!
0
Utilisateur anonyme
23 juil. 2010 à 22:48
Merci également,

Le site w3schools te sera fort utile pour toutes ces petites astuces sur l'HTML. Bonne création de sites!
0
Merci pour tes conseils, j'en ai bien pris note!

Bonne création à toi également ;-)!
0