Voici ce qu'on peut observer dans exemple de gif-transparant sur son site: www.recette-maison.fr.gd
Dans le design Iceblue le code:
td.edit_navi_headbg
td.edit_below_nav
concerne arrière plan de la zone de menu gauche.Image utilisé dans exemple par gif-transparent est 185 px X 300px. Le carré blanche ,qu'on peut observer dans son exemple n'est que un bout d'image qu'il se position en réalité derrière le menu ,
il n'est en aucun cas en dessous du menu.
Voici un exemple avec un image de taille: 185px × 207px
En utilisant le code cité , ça vous donnera le résultat suivant:
Notre image se position derrière le menu.
Si on enlève le :
background-repeat:no-repeat; , on aura le résultat suivant:
Notre image est multiple mais il se position toujours derrière le menu.
La seule solution pour mettre un image ou objet en dessous de menu est ,positionner avec un code CSS :
Voici un exemple de code pour positionner un image avec CSS:
Left = distance en pixel a partir de gauche de l'écran
Top = distance en pixel a partir de haut de l'écran
width = largeur de votre image
height = hauteur de votre image
Vous pouvez modifier les valeurs selon vos besoins.
Et voici le résultat en image:
Votre image se position en dessous du menu .
A ne pas oublier modifier les valeurs chaque fois que vous ajoutez une nouvelle page .Si non, votre image couvrira votre menu.Pour optimiser, Il faut toujours vérifier la position de votre image avec IE et Firefox en même temps, a cause de différence d'affichage environ de 5pixel entre deux navigateurs.______________
Visitez :