Sommaire

Les images et les bordures Images Bordures

Beaucoup de gens aiment le dessin, se lancent dans la création et peignent de jolies toiles. Mais peu de gens pensent à l’encadrement de la toile. Et si une toile peut être magnifique, elle pourrait avoir encore plus d’éclat grâce à un beau cadre.

Pour les images sur une page HTML, c’est la même chose. Si une image est simplement affichée à l’écran, elle aura un certain impact. Par contre si cette image a une bordure, même assez épaisse, elle pourra rappeler la photo papier et avoir davantage d’effet.

Une bonne idée plutôt simple est donc de mettre une bordure sur les images qui doivent ressortir sur le site, donc pas les images qui servent juste de décoration.

Cela s’écrit pour la partie HTML :

<img class=’bordure5’ src=’../img/toto.jpg’ alt=’Toto revient de  
la plage’ />

Et pour le CSS :

.bordure5 { 
    border : 5px #FFF solid ; 
}

La classe bordure5 affiche une bordure blanche (#FFF) de 5 pixels avec un trait plein (solid).

Pour la partie HTML, la propriété alt est très importante. Elle permet plusieurs choses. Tout d’abord, le texte : Toto revient de la plage sera affiché dans une infobulle (un petit rectangle qui apparaît parfois sous la souris). Cela peut donner une indication à l’internaute. Mais surtout, le contenu de la propriété ...