28172 sujets

CSS et mise en forme, CSS3

Résolu Problème de mise en forme de l'élément nav

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:

<nav>
		<ul id="nav">
			<li><a href="index.php?page=ecole">L'&eacute;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 Smiley ravi
Modifié par tintin_btz (27 Feb 2013 - 13:31)
Merci, une bonne petite remise à niveau fait le plus grand bien.
Problème avec l'usage abusif des float, position etc...
Merci
Sujet clos
Aller à