Bonjour,
Je commence à créer un nouveau site ou j'essaie de me débrouiller tant bien que mal avec les codes (je n'ai appris que par internet).
J'ai un menu à la vertical et je souhaite aussi avoir un menu horizontal en haut (en dessous de ma bannière) et c'est ce qui me pose problème.
En effet après avoir chercher sur internet comment faire j'ai fini par trouver enfin un code css qui marche, cependant le menu est décallé vers le bas et rogné au lieu de rester dans son emplacement.
Voici l'adresse de la page que je crée qui bug :
http://www.bijouxetnature.com/bijoux_pierres.php
Je vous mets une partie des codes des pages, si besoin de + dîtes le moi.
La page php "bijoux_pierres.php" : ou j'ai mis le code "php include" pour que je puisse faire une modif du menu sans avoir à changer le menu page par page
Code :
- <ul id="MenuH">
- <?php include 'menu_horizontal.php'; ?>
- </ul>
|
______________________________________________________________________________________________________
La page du menu : "menu_horizontal.php"
Code :
- <li><a href="index.php" onmouseover="img20.src='menu_h_accueil2.jpg' " onmouseout="img20.src='menu_h_accueil.jpg'"><img name="img20" src="menu_h_accueil.jpg" title="Accueil Bijoux et Nature" alt="Accueil"/></a></li>
- <li><a href="bijoux_pierres.php" onmouseover="img21.src='menu_h_bijoux_pierres2.jpg' " onmouseout="img21.src='menu_h_bijoux_pierres.jpg'"><br><br><img name="img21" src="menu_h_bijoux_pierres.jpg" title="Bijoux en Pierres" alt="Bijoux en Pierres"/></a></li>
- <li><a href="mineraux.php" onmouseover="img22.src='menu_h_mineraux2.jpg' " onmouseout="img22.src='menu_h_mineraux.jpg'"><img name="img22" src="menu_h_mineraux.jpg" title="Minéraux" alt="Minéraux"/></a></li>
- <li><a href="cosmetiques_naturels.php" onmouseover="img23.src='menu_h_cosmetiques_naturels2.jpg' " onmouseout="img23.src='menu_h_cosmetiques_naturels.jpg'"><img name="img23" src="menu_h_cosmetiques_naturels.jpg" title="Cosmétiques Naturels" alt="Cosmétiques Naturels"/></a></li>
|
_______________________________________________________________________________________________________
La page CSS :
Code :
- body {
- background-image: url(fond_rouge.jpg);
- color: #000000;
- font-family: Verdana, Arial, Helvetica, ,sans-serif;
- font-size: 15px;
- }
- #Conteneur {
- width: 795px;
- margin: 0;
- padding: 0;
- border: 3px solid #000000;
- background-image: url(../fond_rouge_uni.jpg);
- margin-left: auto;
- margin-right: auto;
- }
- #Header {
- background-image: url(../fond_rouge.jpg);
- width: 795px;
- height: 108px;
- border-bottom: 1px solid #000000;
- clear: both;
- margin: 0;
- padding: 0;
- }
- #MenuH {
- background-image: url(../fond_rouge.jpg);
- width: 795px;
- height: 71px;
- border-bottom: 1px solid #000000;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- #MenuH li {
- margin: 0;
- padding: 0;
- display:-moz-inline-stack;
- display:inline-block;
- zoom:1;
- *display:inline;
- }
- #ConteneurMenuContenu {
- clear: both;
- width: 100%;
- }
- #Menu {
- background-image: url(../fond_rouge_uni.jpg);
- width: 134px;
- float: left;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- #Menu li {
- margin: 0;
- }
- #Contenu {
- background-color: #FFFFFF;
- width: 650px;
- float: left;
- padding: 5px;
- border-left: 1px solid #000000;
- margin: 0;
- min-height: 900px;
- _height: 900px;
- }
- #Footer {
- clear: both;
- border-top: 1px solid #000000;
- background-color: #FFFFFF;
- }
|
_______________________________________________________________
Que dois-je faire ? si y'a une autre manière qui marche pour le menu horizontal je veux bien.
Merci