BiBBleFREE

Supprimer la bordure d’une image.

vendredi 20 août 2010 par musteray

Pour les images cliquables dans les menus avec boutons graphiques. On utilise le code html suivant :

Toute l’image servant de lien est entourée d’un cadre bleu.

Solution HTML

On peut résoudre ce problème en précisant l’attribut border="0" :

Solution CSS.

Les styles suivant supprime la bordure de toutes les images du document :

En notation raccourcie :

Ce style s’applique à toutes les images de la page, sans limiter son action à celles qui sont la source d’un lien hypertexte.

Pour conserver les bordures sur certaines images, il suffit de remplacer le sélecteur img par un sélecteur de classe :

Cette dernière déclaration n’affectera que les bordures des images de la classe sansBordure

De la même manière, on n’opérera que les bordures des images contenues dans un lien en écrivant la déclaration :

Celle-ci relevant du sélecteur a img, elle ne concernera que les liens (<a>) renfermant des images (<img>).


Site en travaux

Site en travaux

Attention : un problème technique (serveur SQL) empêche l'accès à cette partie du site. Merci de votre compréhension.
Site en travaux

Site en travaux

Attention : un problème technique (serveur SQL) empêche l'accès à cette partie du site. Merci de votre compréhension.