Bonjours, j'ai fais une recherche mais je n'ai pas trouver de solution. J'ai un petit probleme avec la taille d'une list qui ne veut pas etre prise en compte 
Je suis arriver a le faire passer se matin, j ai fais quelque modif sur le reste et plus rien ne marche et impossible de le rétablir.
ce que je veux faire et tous bete voila un shema.
------------------------------------------------------------
Menu Left-------------------Menu right-- M R
------------------------------------------------------------
le Menu left et a gauche avec une marge de 5 px.
Ca aucun probleme
Le menu droit et a 446 px de la gauche, afficher en ligne.
Mais je voudrait que chaque <li> fasse 135 px de largeur (pour en faite les aligner avec mes bouton présent sur le header)
voila mon code html
et voici mon code css
helas ca ne veut plus me faire les <li> de 135 px.
Quelq un pourais me guider, merci d'avance
Je suis arriver a le faire passer se matin, j ai fais quelque modif sur le reste et plus rien ne marche et impossible de le rétablir.
ce que je veux faire et tous bete voila un shema.
------------------------------------------------------------
Menu Left-------------------Menu right-- M R
------------------------------------------------------------
le Menu left et a gauche avec une marge de 5 px.
Ca aucun probleme
Le menu droit et a 446 px de la gauche, afficher en ligne.
Mais je voudrait que chaque <li> fasse 135 px de largeur (pour en faite les aligner avec mes bouton présent sur le header)
voila mon code html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250" />
<title>
</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="header">
<img src="titleLeft.jpg" class="headerLeft" alt=""/>
<img src="titleRight.jpg" class="headerRight" alt=""/>
</div>
<div class="menu">
<ul class="menuLeft">
<li><a href="#">Contacts</a> - </li>
<li><a href="#">Commande Brochures</a> - </li>
<li><a href="#">Brochure Online</a></li>
</ul>
<ul class="menuRight">
<li><a href="#">Accueil</a></li>
<li><a href="#">Hotels</a></li>
<li><a href="#">Vols + Hotels</a></li>
<li><a href="#">Voitures</a></li>
</ul>
</div>
</div>
</body>
</html>
et voici mon code css
body {
margin: 0;
background-color: #FFFFFF;
}
.container {
position: relative;
margin-left: 0;
width: 776px;
text-align: left;
}
.header {
width: 776px;
height: 104px;
background: url('titleBody.jpg') repeat-x;
}
.headerLeft {
position: absolute;
left: -1px;
width: 205px;
border: 0;
}
.headerRight {
position: absolute;
right: -1px;
width: 568px;
border: 0;
}
.lineMenu {
position: absolute;
width: 776px;
border-bottom: #1e5aaa 1px solid;
height: 24px;
}
.lienMenuLeft {
float: left;
margin-left: 5px;
}
A.lien {
FONT-SIZE: 10px; COLOR: #1e5aaa; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.menu {
height: 24px;
text-align: justify;
border-bottom: #1e5aaa 1px solid;
}
.menuLeft {
position: absolute;
margin-left: 5px;
list-style-type: none;
padding: 0;
}
.menuLeft li {
display: inline;
}
.menuLeft a {
font-size: 10px;
COLOR: #1e5aaa;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 0 2px;
text-decoration: none;
}
.menuLeft a:hover {
text-decoration: none;
}
.menuRight {
position: absolute;
width: 540px;
margin-left: 446px;
list-style-type: none;
padding: 0;
}
.menuRight li {
width: 135px;
display: inline;
}
.menuRight a {
font-size: 10px;
COLOR: #1e5aaa;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 0 2px;
text-decoration: none;
}
.menuRight a:hover {
text-decoration: none;
}
helas ca ne veut plus me faire les <li> de 135 px.
Quelq un pourais me guider, merci d'avance
