impostazioni UL e LI

[IvanHares]

Buongiorno a tutti,
ho alcuni problemi con le liste.
1) Non riesco ad eliminare il rientro a destra tipico delle liste;
2) Non riesco a settare correttamente il passaggio del mouse.

Mi spiego meglio:
Sto creando un menu a comparsa con javascript e la soluzione migliore stà nell'uso delle liste <ul>.
Immaginate la lista principale come menu visibile e tre sotto-liste invisibili come menu interni.
Il problema stà nel fatto che vorrei che la lista interna non fosse spostata sulla destra ma fosse allineata con quella esterna.

Il secondo punto vorrei, senza inserire un link (se possbile ovviamente), che al passaggio del mouse mi cambiasse lo sfondo.

Spero di essermi spiegato.
Grazie a tutti per l'aiuto

[noize86]

posta il codice..

[IvanHares]

Faccio il seguente esempio:
<ul id="menu">[*] Menu1
<ul>[*] sottomenu 1.1[*] sottomenu 1.2[*] sottomenu 1.3[/list][*] Menu2
<ul>[*] sottomenu 2.1[*] sottomenu 2.2[*] sottomenu 2.3[/list][/list]

nel foglio di stile ho scritto:
#menu
{
color: #FFFFFF;
background-color: #000000;
}
ul
{
list-style-type: none;
}
In questo caso mi genera una lista senza i circoli e con i sottomenu indentati.
Vorrei eliminare l'indentatura, quindi il rientro a destra dei sottomenu e vorrei che passando il mouse (:hover) lo sfondo da nero diventi blu.
(Il fatto che il menu funzioni con javascript non è un problema le mie lacune non sono in javascript, ma sui css.)
Grazie ancora

[Sky]

Devi eliminare il margine destro e il padding destro sia a ul che a li:

#menu,
#menu li,
#menu ul  { margin-right: 0; padding-right: 0; }

L'effetto al passaggio del mouse senza usare i link è possibile solo modificando il css con gli eventi javascript onMouseOver e onMouseOut.

Ciao!

[IvanHares]

Grazie mille per l'aiuto!

[Mich_]

Originariamente inviato da Sky
Devi eliminare il margine destro e il padding destro sia a ul che a li:

Forse stai confondendo la destra con la sinistra ...

L'effetto al passaggio del mouse senza usare i link è possibile solo modificando il css con gli eventi javascript onMouseOver e onMouseOut.

Non e` esatto.
Si puo` definire la pseudoclasse :hover su qualsiasi oggetto, e la cosa funziona nei browser conformi.
Peccato che non funzioni in IE, per cui non e` praticamente utilizzabile nella maggior parte dei progetti.
Si ovvia applicando l':hover sui link (a volte si introducono dei link pleonastici), oppure mediante un JS da far interpretare solo ad IE.

[IvanHares]

Avevo già provato quella soluzione e in effetti su explorer non funzionava...

Un ultimo quesito
Il background dei singoli elementi si adatta ad ogni elemento[*]
Quindi ad esempio se ho:[*] mail[*] sito Esterno
il secondo oggetto avrà un background maggiore rispetto al primo.

Stò cercando una soluzione anche in questa direzione, cioè che tutti gli elementi abbiano la stessa dimensione, senza ovviamente cambiare il numero di caratteri degli elementi.

E' possibile una cosa del genere?

Grazie ancora

[Mich_]

I[*] sono oggetti di tipo blocco, quindi accettano le dimensioni.
Dato che conterranno testo, le dimensioni da usare saranno espresse in em.

[IvanHares]

in em.?!?!
Accidenti devo aver perso qualche lezione!!!
Ma sono stati introdotti da poco?
Grazie cmq vedrò qualche altra lezione.

[Mich_]

Originariamente inviato da IvanHares
in em.?!?!
Accidenti devo aver perso qualche lezione!!!
Ma sono stati introdotti da poco?

Circa dal 1999 (da quando sono stati introdotti i CSS).

Le unita` di misura sono una delle cose utili dei CSS, e soprattutto quelle legate alle dimensioni dei font (em soprattutto, ma anche ex - poco usati)