Centrage impossible du menu

HwRZxLc4 · 16/12/2007, 15h31

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 ?

**Bisûnûrs** · 16/12/2007, 15h38

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.

HwRZxLc4 · 16/12/2007, 18h56

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.

**Bisûnûrs** · 16/12/2007, 19h07

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

HwRZxLc4 · 23/12/2007, 15h11

bon j'ai laissé à gauche...

**Candygirl** · 23/12/2007, 16h40

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

Centrage impossible du menu

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager