28220 sujets

CSS et mise en forme, CSS3

[Résolu] Impossible de positionner mon menu sur bordure basse d'un di

Hello,

Voici mon code :


<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html">
<style>
#navcontainer ul
{
list-style-type: none ;
text-align: center;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #f4f4f4;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
line-height: 21px;
/* fixes Firefox 0.9.3 */
margin: 0 0 0 0 ;
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 10;
padding-bottom: 0px;
/* matches link padding except for left and right */
padding-top: 0px;
margin: 0 0 0 0 ;
}

#navcontainer ul li a
{
color: #666666;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-top: 2px;
text-decoration: none;
border-left: solid 2px #d8e4f1;
border-top: solid 2px #d8e4f1;
border-right: solid 2px #d8e4f1;
margin: 0 0 0 0 ;
}

#navcontainer ul li a:hover
{
background-color: #BBBBBB;
color: white;
}

#navcontainer #active {
	border-left: 1px solid #fff;
}
</style>
</head>

<body>
<div style="border:solid 2px #d8e4f1;">
<p class=textegras>
TEST
</p>
<div id="navcontainer">
<form name=menu_bas method=post action=index_temp.php>
<input type=hidden name=menu>
<ul id="navlist" align="center">
	<li><font color=#FF0000>
	<a href="#">SOCIETE</a>
	</font>
	</li>
	<li><a href="#">Accueil</a>
	</li>
	<li><a href="#"
		onclick="document.menu_bas.menu='detail';document.menu_bas.submit();">En savoir plus
	</a>
	</li>
	<li><a href="#" 
		onclick="document.menu_bas.menu='condition';document.menu_bas.submit();">S'inscrire
		</a>
	</li>
	<li><a href="#">Qui sommes nous?</a>
	</li>
</ul>
</form>
</div>
</div>
</body>
</html>


Comme on peut le voir j'ai bien positionner les marges partout à 0 et mon menu ne s'aligne pas sur la bordure basse du div...
Ai-je oublié quelque chose ?

Merci d'avance pour votre aide
Modifié par damjal (23 Nov 2005 - 12:59)
Voila, jamais mieux servi que par soi-même (pas toujours en fait Smiley ravi )

il fallait mettre dans le style <ul> :


margin: 0pt 0.5em [#red]-15pt[/#] 0pt;
Sujet clos
Aller à