menù verticale e spaziature

[brutusin]

salve a tutti ho provato (sono un novellino con i css) a fare un menù verticale con i css
il codice

<ul class="menu">[*]Categoria 1
[*]Categoria 2
<ul class="subMenu">
[*]SottoCategoria1
[*]SottoCategoria2
[/list]

[*]Categoria 3
[/list]


.menu {
padding: 0px 0px;
list-style:none;
margin:4; padding:0;
}
ul.menu li a {
text-decoration:none;
padding:0 0em;
height:3em;line-height:3em;
}
ul.menu li { display:inline }

.subMenu {
padding: 0px 0px;
list-style:none;
margin:4; padding:0;
}
ul.subMenu li a {
text-decoration:none;
padding:0 0em;
height:1em;line-height:1em;
}
ul.subMenu li { display:inline }


il mio problema è che la prima voce delle sottocategorie la vorrei attaccata alla voce Categoria 2
e tutte le voci delle sottocategorie attaccate
come si può fare?

[Mich_]

Il display:inline, credo sia sbagliato: poi non potresti inserirci altri blocchi, tipo il <ul> di secondo livello.
Se vuoi affiancare oggetti di tipo block, devi usare il float.

Per gestire gli spazi devi definire margin, padding e border: prova a metterli tutti a zero, per poi aumentarli uno alla volta a seconda delle esigenze.
Nota: alcuni browser usano il marign-left per lasciare lo spazio per il list-style-type, altri il padding-left, per cui annullando tutto potresti avere effetti collaterali su tali oggettini; ma forse nel tuo caso particoalre dovresti eliminare tutti i list-style-type.

[brutusin]

ho provato a fare alcuni tentativi ma la mia ignoranza in materia è troppa !



il problema sembra derivi dal fatto che le voci delle sottocategorie mantengano la spaziatura delle CATEGORIE
e non pur modificando la classe SubMenu settando margin e padding a 0 non cambia di nulla
non c'è un modo per far si che la classe submenu in qualche modo perda l'effetto della classe applicata alle categorie menu ?

[brutusin]

dopo un week end passato a smanettare con i css mi sono arreso

non riesco proprio ad ottenre l'effetto desiderato !

[Mich_]

Certo che se parli in teoria non ti si puo` aiutare.

Se vuoi un aiuto dal forum, devi postare il tuo codice (HTML+CSS) e l'effetto che ottieni nei vari browser. In alternativa posta il link alle tue pagine di prova.

PS: se posti il codice, inseriscilo negli appositi tag VB, che ottieni con i bottoni # o PHP del modulo di inserimento

[brutusin]

il codice è quello che ho postato nel primo intervento !
non saprei che altro aggiungere !
sto lavorando ancora in locale non ho pagine online per il momento

[Mich_]

Dall'ultimo post io capisco che non ti importa dei consigli che ti ho dato.
Hai provato un mucchio di altre cose, ma non quanto ti ho proposto, tanto e` che il codice e` ancora quello originario.

[brutusin]

no dai mich non dire cosi
in realtà ho lavorato sul margin e sul padding ma senza ottenere nessun risultato !
alla fine sono ritornato alla situazione iniziale
ti ringrazio comunque per i consigli
vedrò di rimettermi al lavoro

ciao e grazie