Centrage impossible du menu

Version imprimable

16/12/2007, 15h31
HwRZxLc4

Centrage impossible du menu

Bonjour,

j'éssaye d'utiliser ce menu http://dosimple.ch/articles/Menus-dy...orizontal.html

J'éssaye de le centrer, mais celui-ci refuse toutes mes manœuvres :? :(

Quelqu'un à une idée pour le centrer ?
16/12/2007, 15h38
Bisûnûrs

Donne une largeur à ton ul menu qui fait la somme des largeurs des li + bordures + padding + margin et mets lui un margin right et left à auto.
16/12/2007, 18h56
HwRZxLc4

non, justement ce qui me complique la tache, c'est que je ne connais pas la largeur du menu, j'ai modifié afin de mettre un padding de 10px de chaque coté du nom du menu.
16/12/2007, 19h07
Bisûnûrs

On ne peut pas centrer un élément block en CSS si on ne connait pas sa largeur.
23/12/2007, 15h11
HwRZxLc4

bon j'ai laissé à gauche... :?

Citation:

Envoyé par Bisûnûrs

On ne peut pas centrer un élément block en CSS si on ne connait pas sa largeur.

On peut centrer horizontalement. Mais ça demande, souvent, une imbrication supplémentaire. Exemple:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>centrage</title>
<style type="text/css">
div {float:right;position:relative;right:50%;}
p {position:relative; left:50%;border-top:1px solid black;}
</style>
</head>
 
<body>
<div><p>ce text est centré sans connaître son width</p></div>
</body>
</html>