Aller au contenu

Contrôler l'apparence d'une image mise en lie


austin powers

Sujets conseillés

Bonjour,

Si tu veux supprimer le cadre autour de toutes tes images servant de liens, tu peux indiquer ceci dans ta css:

a img {
border-width : 0;
}

Lien vers le commentaire
Partager sur d’autres sites

policier.gif Question d'offrir la possibilité à tous de bénéficier de ce sujet, j'en ai modifié le titre pour que celui-ci soit plus explicite.
Lien vers le commentaire
Partager sur d’autres sites

Plus simple... peut-être pas tant que cela.

L'ajout de l'attribut border sur l'élément <img> directement dans le code HTML a un petit inconvénient (entre-autres) : tu devras le répéter pour chaque image lien.

Tandis qu'un style CSS du type img {border: 0;} supprimera cette bordure indésirable d'un seul coup :

- pour toutes les images de la page si le met dans un <style type="text/css">...</style> de sa section <head>

- pour toutes les images de toutes les pages de ton site si tu le mets dans une CSS externe appliquée à celles-ci.

Lien vers le commentaire
Partager sur d’autres sites

Effectivement, la solution la plus simple consiste à attribuer à toutes tes images une bordure à 0 dans une CSS externe. Au pire, si tu as une image qui elle a besoin d'une bordure, ce serait à celle-là que tu passerais une règle particulière, soit par class ou par id dans cette même CSS externe, dans le head de ton document si c'est vraiment individuel et que tu ne veux pas la mettre dans la CSS esterne, ou au pire, directement inline si tu y tiens vraiment... mais n'oublie pas que plus tu colles tes CSS dans ton fichier HTML, moins tu souscris à la philosophie d'opérer cette séparation entre contenu et présentation.

Finalement, je dirais que même si c'est facultatif, tu devrais toujours spécifier tes dimensions d'images dans ton fichier HTML car, contrairement à la bordure cette information a une valeur réelle pour le navigateur qui peut ainsi réserver une zone pour son affichage et accélérer un tant soit peu le téléchargement complet.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...