BlueGEEK Journal

Accueil > Manip’s > SPIP & CO > Spip-Script édition > Comment créer un Joli Cadre autour d’une image ?

Spip Script rédaction

Comment créer un Joli Cadre autour d’une image ?

DIV

dimanche 11 février 2007, par bluegyn_spip

La balise HTML IMG possède un attribut BORDER qui n’existe plus quand l’image est téléchargée via SPIP/Download.

<img253|center>


Pour ajouter un cadre

- Il suffit de placer la balise IMG dans un conteneur DIV

  • Et de paramétrer l’attribut de style de son bord et de ses marges


- On reporte le lecteur aux articles sur les feuilles de style en cascade (CSS) pour tous les attributs de style disponibles :

POUR LES BORDS

- 3px

  • Est la largueur du bord en Pixels

=> Exemple = outset


- double

  • Est le style du bord (ici dotted)
  • Les autre styles sont :
solid simple
dashed tirets
dotted pointillé
outset haut-relief
inset bas-relief
groove creusé
ridge bosselé

  1. 00F
  • Est la couleur du Bord en code RGB (RedGreenBlue)
  • Ici BLEU

=> Exemple = inset