Profil

  • Christelle
  • retrouvez-moi sur : http://www.awerpi.fr
  • retrouvez-moi sur : http://www.awerpi.fr

Photo.Graph

Catégories

4 avril 2009 6 04 /04 /avril /2009 07:33

Il peut-être intéressant de prendre un élément de son blog et de lui donner une autre position que celle attribuée par défaut dans la structure initiale proposée par Over-Blog.

 

Pour cela, il faut utiliser la syntaxe suivante :

position : absolute ; top :X px ; left : Xpx ;

 

La position absolue signifie bien ce que ça veut signifier : une position absolue d'un élément, c'est à dire qu'il ne dépend plus de la position des autres éléments de la page.

Mais comment l'élément se positionne alors ?

Tout simplement... l'élément se positionne par rapport aux bords de la fenêtre de navigation de chaque visiteur.

 

Ainsi, si je veux par exemple que mon module d'article récent (voir l'article comment identifier les modules) se place à 10 pixels du haut du navigateur et à 60 pixels du bord de mon blog :

.articlerecent {position :absolute ; top : 10px ; left : 60px;}

 

 

Attention parfois (souvent même) les modules se trouvent vite derrière un élément tel que l'entête du blog...

Il suffit alors de lui donner l'ordre de se mettre au premier plan avec z-index :1000.

Reprenons l'exemple précédent :

.articlerecent {position :absolute ; top : 10px ; left : 60px; z-index:1000;}

 

Partager cet article

Repost 0
Published by Christelle Vinsonneau - dans webdesign
commenter cet article

commentaires

cerisette 04/04/2009 15:09

je fais un tour sur vos blogs et vous souhaite un bon week end pendant que ma petite fille fait la sieste
bisous
cerisette