Discussion :

[geeksDeve]

j'ai un menu et je veux aligner son contenu à gauche :

ça c'est mon menu

Code html :

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

1
2
3
4
5
6
7
8
9
<div id="left-column">
                <h3>Table d'administration</h3>
                <ul class="nav" >
                    <li id="li1project" ><a HREF="creationProjet.php" TARGET="article">creer projet</a></li>
                    <li id="li2project"><a HREF="rechercheProjet.php" TARGET="article">rechercher un projet</a></li>
                </ul>
                <a href="#" class="link" >Link here</a>
                <a href="#" class="link" >Link here</a>
</div>

et ça c'est le css correspondant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
/* left column styles */
 
#left-column {
	float:left;
	padding:1px 14px 0 12px;
	width:200px;
	}
 
#left-column a {color:#3E3E3E;}
 
#left-column h3 {
 
	font-size:11px;
	margin:0;
	color:#fff;
	background:#79a7f1;
 
 
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	height:25px;
	line-height:23px;
	padding:0 0 0 9px;
 
}
 
ul.nav {
	margin:0 0 11px 0;
	border-bottom:2px solid #FF9600;
	background:#ECEFE7;
	list-style:none;
	padding:0 2px;
 
	}
ul.nav li {
	padding:4px 4px 6px 5px;
	border-bottom: 1px #666 dashed;
 
	}
ul.nav a {
 
	padding:0 0 0 12px;
	background:url(../images/arrow.gif) no-repeat 0 4px;
	}
ul.nav a:hover {
	font-weight:bold;
	}
ul.nav li:last-child {border:none;}
 
#left-column a.link {
	display:block;
 
	width:142px;
	height:25px;
	background:#c7cdbe;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(235,239,227)),
		color-stop(1, rgb(199,205,190))
	);
	background:-moz-linear-gradient(
		center top,
		rgb(235,239,227) 0%,
		rgb(199,205,190) 100%
	);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin:0 0 4px 0;
	font-weight:bold;
	padding:0 0 0 9px;
	line-height:25px;
	color:#60635A;
	}

que dois je modifier pour que le contenu de mon menu s'aligne à gauche ?

merci d'avance les développeurs

[geeksDeve]

il faut juste mette :

Code :

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

1
2
3
4
5
ul.nav li {
	padding:4px 4px 6px 5px;
	border-bottom: 1px #666 dashed;
        text-align: left;
	}