Bonjour,
voila j'ai réussi a reprendre mon menu déroulant d'un autre site mais il y a quelques modifications que je n'arrive pas à faire
<lien>http://www.lemondedegaya.fr/mariage.php</lien>
je n'arrive plus a avoir mes menu sur la même ligne.
Après comment je peux faire pour enlever se bouton noir quand je passe sur le titre. En fait je voudrais que ça reste comme sur cette page
<lien url="http://www.lemondedegaya.fr">www.lemondedegaya.fr</lien>
merci d'avance pour votre aide
voila j'ai réussi a reprendre mon menu déroulant d'un autre site mais il y a quelques modifications que je n'arrive pas à faire
<lien>http://www.lemondedegaya.fr/mariage.php</lien>
je n'arrive plus a avoir mes menu sur la même ligne.
Après comment je peux faire pour enlever se bouton noir quand je passe sur le titre. En fait je voudrais que ça reste comme sur cette page
<lien url="http://www.lemondedegaya.fr">www.lemondedegaya.fr</lien>
/**********************************************************
STYLES GENERAUX
**********************************************************/
img {
border: 0;
display: block;
}
#logo {
float: left;
}
/***********************************************************
MENU HORIZONTAL
**********************************************************/
#menuHorizon {
margin-left: 90px;
padding: 0;
margin: 0;
}
#menuHorizon li {
position: relative;
float: left; /* mes les boutons sur la gauche*/
list-style: none;
font-family:Comic Sans MS, Times New Roman, Times, serif;
text-decoration: none;
}
#menuHorizon li a { /* sous menu of*/
display: block;
line-height: 22px;/* hauteur de chaques boutons des sous menus*/
text-decoration: none;
font-size: 17px;
color: #b04cbf;/* couleur de la police*/
width:100%;
}
#menuHorizon li a:hover{ /* sous menu on*/
background-color: #f8d8fc;/* couleur du fond du sous menu en on*/
color: pink; /* couleur de la police sous menu en on*/
font-size: 17px;
}
#menuHorizon li ul {
position: absolute;
display: none;
left: 0; /* deplace les sous menu vers la droite*/
padding: 0;/* marge a l'interieur des sous menus vers les bord*/
margin: 0;
border: 1px solid #000;
background: #fff; /* indiqueras une couleur de fond blanche */
font-size: 17px;
}
#menuHorizon li:hover > ul {
display: block;
}
#menuHorizon li ul li {
float: none;
width: 170px;/* largeur des sous menu*/
border:0px solid #000; /* créeras une bordure noir de 1 px tout autour de chaque lien */
}
#menuHorizon li ul li a {
width:158px;
padding: 0 5px; /* hauteur et largeur de l'ensemble de sous menu*/
border:1px solid #000; /* créeras une bordure noir de 1 px tout autour de chaque lien */
}<div id="second">
<ul id="menuHorizon">
<li class="deroulant" style="width:156px"><a href="mariage.php">Acceuil</a>
<ul>
<li><a href="leurhistoire.php">Leur histoire</a></li>
<li><a href="lesparents.php">Les parents des mariés</a></li>
<li><a href="lestemoins.php">Les témoins</a></li>
<li><a href="enfantshonneurs.php">Les enfants d/'honneurs</a></li>
<li><a href="toffe.php">Toffee</a></li>
</ul>
</li>
<li><img src="images/fleur_menu_page.jpg" alt="images/fleur_menu_page.jpg"/></li>
<li class="deroulant" style="width:156px"><a href="mariage.php">mariage</a>
<ul>
<li><a href="prestataires.php">Les prestataires</a></li>
<li><a href="deroulement.php">Le déroulement</a></li>
<li><a href="voyage.php">Le voyage de noce</a></li>
<li><a href="liste.php">La liste de mariage</a></li>
</ul>
</li>
<li><img src="images/fleur_menu_page.jpg" alt="images/fleur_menu_page.jpg"/></li>
<li class="deroulant" style="width:156px"><a href="mariage.php">Naissance</a>
<ul>
<li><a href="commentvenir.php">Comment venir</a></li>
<li><a href="hebergement.php">Hébergement</a></li>
</ul>
</li>
<li><img src="images/fleur_menu_page.jpg" alt="images/fleur_menu_page.jpg"/></li>
<li class="deroulant" style="width:156px"><a href="mariage.php">Témoignages</a>
</li>
<li><img src="images/fleur_menu_page.jpg" alt="images/fleur_menu_page.jpg"/></li>
<li class="deroulant" style="width:156px"><a href="mariage.php">Contact</a>
<ul>
<li><a href="commentvenir.php">Comment venir</a></li>
<li><a href="hebergement.php">Hébergement</a></li>
</ul>
</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>le monde de gaya et ses faire part</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Description" content="Vos faire-part de naissance, mariage, remerciements, stickers et tableaux personnalisés qui vous correspondent le mieux ... Aide pour vos événements : mariage/pacs, communion, anniversaire ...">
<meta name="keywords" content="faire, part, parts, faire-parts, faireparts, faire part, fairepart, mariage, deuil, deces, remerciement, union, naissance, fete, bebe, marie, ligne, en-ligne, online, original, artisanal, bapteme, papier, rare, unique, maries, creation, main, qualite, travail, soigne, soin, passion, invite, invitation, jubile, menu, remerciement, livre d'or" /><meta name="Robots" content="All">
<meta name="author" content="Thaon Sandrine">
<meta name="revisit-after" content="5 days">
<base href="http://www.lemondedegaya.fr">
<link rel="stylesheet" href="menu.css" type="text/css" media="screen"/>
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="page.css" />
</head>
<body>
<div id="unite">
<div id="titre">
Le monde de Gaya
</div>
<div id="texte">
Faire-part de mariage originaux et personnalisés. <br>
</div>
<div id="menubas">
<?php
include("menu.php");
?>
</div>
</div>
</body>
</html>
body {
background-color: #f7d8fc;
font-family:Comic Sans MS, Times New Roman, Times, serif;
font-style: italic;
}
img {
border:0;
vertical-align:middle;
}
a {
color: #b04cbf;
font-family:Comic Sans MS, Times New Roman, Times, serif;
font-size: 17px;
text-decoration: none;
text-align: center;
}
a:hover {
color: #e365f6;
font-family:Comic Sans MS, Times New Roman, Times, serif;
font-size: 17px;
text-decoration: none;
text-align: center;
}
#unite {
position:absolute;
left:50%;
margin-left:-490px;
width: 980px;
top:50%;
margin-top:-271px;
height: 542px;
background-image : url("images/fond_page.jpg");
background-repeat: no-repeat;
border :2px solid black;
}
#titre{
color: #b04cbf;
font-family: Comic Sans MS, Times New Roman, Times, serif;
font-size: 36px;
text-decoration: none;
text-align: center;
position:absolute;
top: 5px;
left : 205px;
}
#texte{
color: #7890d2;
font-family: Comic Sans MS, Times New Roman, Times, serif;
font-size: 17px;
text-decoration: none;
text-align: right;
position:absolute;
top: 65px;
left: 585px;
}
#menubas {
margin-top: 104px;
float:right;
padding-right: 5px;
}
merci d'avance pour votre aide