Accueil  > [Imbrication d'un élément Absolu dans un élément Relatif (Alice)][Fil de News XML du CityDesk Xeblog]

  Accueil Elanceur Aide CityDesk Qu'est-que CityDesk ? Pourquoi ce site ? Galerie ? Contact  
 
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

Imbrication d'un élément Absolu dans un élément Relatif.

Positionner un élément dans une fenêtre à un emplacement exact (absolu)... Voir un exemple avec Alice poussée sous le texte. Mais si on déplace le texte, Alice pourrait suivre en dessous...

Deux Liens de référence pour cet exercice (visite recommandée pour mieux comprendre après)

  1. Type de Positionnement Absolu et Relatif (exemple à déshabiller pour voir la Feuille de Style et capter la nuance entre Absolu et Relatif...)
  2. Le Lien de référence de l'Article  par Lewis Caroll et Jason Cranford Teague. (Coordonnées sur le Centre de Ressources CSS CityDesk)

 

Application envisageable avec CityDesk :

  1. Mettre une image ou un poème en partie variable (photo, fleur, citation) dans un gabarit. Pour bien pratiquer cet exercice, il faudrait créer uneVariable "{AbsElementMasqueDeSaison}" qui appellerait le fichier image "alice03.gif".
  2. Pour changer l'image (ici stylée absolue): alice03.gif) dans le gabarit, il n'y aurait plus qu'à donner un autre nom d'image. Peut être bien pratique pour moduler un gabarit selon une saison...
  3. On aurait pu bien sûr remplacer "alice03.gif" par une photo de forêt ou un logo de magasin ;-)

samedi 01 juin 2002 xtof via Jason Cranford Teague et Lewis Caroll
Valid HTML 4.01! site meter Mentions Légales