Bonjour,
je suis en train de créer le menu de mon site.
J'utilise l'élément nav.
Dans cet élément j'ai 2 menus, un pour la navigation et l'autre pour changer de langue.
Mon problème que les 2 se chevauchent.
Mon fichier html:
mon css:
cela doit être un truc tout bète mais je suis dessus depuis une demi-heure et la je ne vois pa d'où cela pourrait venir.
Merci d'avance
Modifié par tintin_btz (27 Feb 2013 - 13:31)
je suis en train de créer le menu de mon site.
J'utilise l'élément nav.
Dans cet élément j'ai 2 menus, un pour la navigation et l'autre pour changer de langue.
Mon problème que les 2 se chevauchent.
Mon fichier html:
<nav>
<ul id="nav">
<li><a href="index.php?page=ecole">L'école:</a></li>
<li><a href="index.php?page=tarifs">Nos tarifs</a></li>
<li><a href="index.php?page=contact">Nous contacter</a></li>
<li><a href="index.php?page=offres">Offres promotionnelles</a></li>
<li>Liens utiles:</li>
<li>Nos partenaires:</li>
</ul>
<ul id="lang">
<li><a href="english/index.php?page=home"><img src="images/flag/english.jpg" alt="Welcome on Axel Lerga Private Surf School" title="Axel LERGA Private Surf School"></a></li>
<li><a href="espanol/index.php?page=inicio"><img src="images/flag/espanol.jpg" alt="Welcome on Axel Lerga Private Surf School" title="Axel LERGA Private Surf School"></a></li>
</ul>
</nav>
mon css:
nav{
position:relative;
display:block;
float:left;
width:272px;
}
ul#nav{
position:relative;
float:left;
width:auto;
border-radius:10px;
border-style:solid;
border-width:1px;
padding:5px;
left:50%;
margin-left:-85px;
padding-left:25px;
}
ul#lang{
position:relative;
float:left;
width: auto;
height: auto;
}
ul#lang li{
display:inline;
width auto;
height: auto
}
ul#lang img {
border-width:1px;
border-style:solid;
}
cela doit être un truc tout bète mais je suis dessus depuis une demi-heure et la je ne vois pa d'où cela pourrait venir.
Merci d'avance
Modifié par tintin_btz (27 Feb 2013 - 13:31)
