Ici nous allons voir comment agrémenter votre site avec un menu fixe, ce qui peut avoir une utilité pour avoir des liens toujours visible à l’écran, même dans le cas d’une page déroulante très longue. Ici nous allons prendre le cas d’un menu bas de page permanent

 

Pour cela, il faut rajouter dans vos définitions de headers la ligne
<?php echo "<?xml version="1.0" encoding="iso-8859-15"?".">"; ?>

avant la définition du <doctype>

 

Ensuite, dans le code de votre page, rajouter le <div> de positionnement du menu bas

 

<div id=MenuBottom >

< ? include(./menubottom.php) ;

</div>

 

et dans votre feuille de style :

 

#menuBottom{

            position:fixed; bottom:0; left:0;

}

 

Dans le fichier menubottom.php vous mettez votre menu bas bien entendu

 

Important

Ceci ne fonctionne pas sous Internet Explorer ? il ne rspecte pas les normes définies par le w3c. Pour contourner le problème, créer dans votre répertoire Skin un fichier ie.css dans lequel vous mettez :

#menuBottom{

            position:absolute; top: expression(body.scrollTop + document.body.clientHeight - 24 + "px");

            width:100%;

}

 

Dans vos headers html de votre fichier index.php, rajouter la ligne :

 

<!--[if IE]><LINK media=screen href="./skin/<? echo $theme ?>/ie" type=text/css rel=stylesheet><![endif]-->

 

Et voila, votre menu bas fonctionne sous ie. Vous pouvez faire pareil avec un menu gauche, mais dans ce cas là, il faudra sortir de l’image photoshop le fond du menu, et créer une image séparée à associer au div « Menuleft » en background.

 

Webmaster toulouse