Accueil  > [Contrôles de Visibilité]

Accueil Elanceur

Aide CityDesk

Qu'est-que CityDesk ?

Pourquoi ce site ?

Galerie ?

Contact

Définition de la partie visible d'un élément (ici une image...)

Lien de référence de l'exercice : Voir le Chat Découpé !

 

Si vous affichez le code source de la Feuille de Style :

.clipInHalf {
   position: absolute;
   clip: rect(15 350 195 50);
   top: 0px;
   left: 0px;
  }

 

Toujours se rappeler que les chiffres tournent dans le sens des aiguilles d'une montre à compter du haut :

• 15 pixels du haut
• ...
• 50 pixels de la gauche

L'image du chat découpé est calée dans l'angle en haut et à gauche de la page par les balises top et left de la CSS.

L'auteur de l'exercice raconte même que les futures versions de CSS devraient prendre d'autres formes de découpes en charge ! (rond, ovale ?)

En tout cas, une commande (".clipinHalf") bien commode pour contrôler la quantité visible de l'image que vous voulez faire apparaître sur votre page sans massacrer l'image originale... ça peut servir à un designer qui ne voudrait multiplier le nombre d'échantillons de fichiers à stocker chez un hébergeur.

Exemples d'usages : pointer un détail sur un vêtement (si vous êtes styliste) ou une maison (si vous êtes architecte).

Note ou disclaimer : Les exemples présentés ici n'ont aucune intention de détourner les droits de l'excellent ouvrage DHTML et CSS de Jason CranFord et Teague paru aux Editions Peachit. L'ouvrage regorge de tas d'astuces qu'il me serait difficile de recopier sans atteinte aux droits d'auteurs. Tous les codes source de l'ouvrage sont  intégralement en ligne (fichiers zip) sur le site de l'éditeur : http://www.informit.fr (rechercher l'ouvrage dans le moteur de recherche). Les liens de référence présentés sur le weblog proviennent directement de ces fichiers zip et ne m'appartiennent pas. Les commentaires ajoutés au code source le sont à titre personnel et font partie d'un auto-apprentissage. Ils ne sauraient être considérés comme dénués d'erreurs d'interprétation. Le site officiel des auteurs est aussi recommandé pour son actualité et les correctifs qui s'imposent au fil du calendrier. xtof

dimanche 02 juin 2002 xtof via Jason Cranford Teague et Lewis Caroll
Mentions Légales