Cadre bleu autour des images (HTML)

emma -  
 Emma -
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

  1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    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
    1. theo7777 Messages postés 117 Statut Membre 42
       
      Encore mieux dans un fichier css!
      0
    2. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
       
      « Encore mieux dans un fichier css! »
      Sans contestation.
      0
    3. Emma
       
      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
  2. Utilisateur anonyme
     
    Salut,

    Dans la balise image, mets border="0"

    exemple :

    <a href="le lien">
    <image src="tonimage.jpg" border="0"/>
    </a>
    0
    1. Emma
       
      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
    2. Utilisateur anonyme
       
      Merci également,

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

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