Elenco che non sta al margine

[Federix]

Ho un elenco che mi serve come menu e devo cercare di attaccarlo al lato sinistro della pagina, ma non ci riesco in nessun modo.
La pagina è questa http://www.federix.it/vittoriale/ e il codice del CSS per il menu è questo:

.menu ul {
	margin: 0px;
	padding: 0px;
}
.menu li {
	width: 200px;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	text-align: right;
	background-image: url(immagini/bottone.png);
	list-style-type: none;
}
.menu li a {
	color: #FFF;
	padding-right: 5px;
}
.menu li a:hover {
	color: #FFF;
}

E' un ora che cerco di trovare una soluzione, ma non riesco a pensare a niente

[pierofix]

Io di solito inizio così:

ul,
ul *
{
   margin:0; padding:0;
}

Il resto dovrebbe venir da sè.

[indigoindigo]

sbagliasti!!

non .menu ul

ma

ul.menu !!!

ciao

[Federix]

Se metto come dici tu funziona, il problema è che io devo avere solamente il ".menu ul" senza margini mentre tutti gli altri devono avere i margini standard

[pierofix]

Originariamente inviato da Federix
Se metto come dici tu funziona, il problema è che io devo avere solamente il ".menu ul" senza margini mentre tutti gli altri devono avere i margini standard

Ti ha risposto l'attento indigoindigo.

[Federix]

Originariamente inviato da indigoindigo
sbagliasti!!

non .menu ul

ma

ul.menu !!!

ciao

Miiii ragione avesti

Mi spiegate quando si deve usare "ul.menu" oppure ".menu ul" perché se io metto "li.menu" mi modifica tutto, mentre se metto ".menu li" funziona tutto

[pierofix]

Dai una letta alla pagina sui selettori CSS della specifica di CSS 2.1:

- www.w3.org/TR/CSS21/selector.html

E' spiegato tutto alla perfezione.

[pierofix]

Hai risolto il tuo dubbio?

[indigoindigo]

Anyway:

x.y --> l'elemento x con classe y
.y x ---> l'elemento x contenuto in tutti gli elementi che hanno classe y
z.y x ---> l'elemento x contenuto ell'elemento z con classe y

(giusto?)

[pierofix]

Giusto!