Css al posto di tabelle ok, ma adesso aiuto

[arpanet]

http://www.constile.org/DHTML/menu_ad_albero/

qua trovi tutto sia il file che il resto... So che c'è la spiegazione ma di come crearlo non di come crearne uno un po' diverso

[herrel]

ho interessato un amico più esperto di me...

[iguane]

Originariamente inviato da herrel
ho interessato un amico più esperto di me...

Grazie Herrel, così mi fai arrossire

Ho dato un occhiata al codice,
quel menu è pensato per i tag <ul> e[*] fai prima a rifarlo.

Anche le function javascript, vanno a sfuttare delle propirtà tipiche dei tag <ul> e[*].

Se ti bastano due livelli puoi utlizzare quello che trovi QUI

[arpanet]

adesso lo provo grazie mille

[arpanet]

Guarda ho provato e funziona molto bene l'unico problema che ho è che con mozilla non mi va bene ovviamente io ho modificato qualcosa nei css come la larghezza e i colori.

[arpanet]

Aiutatemi di nuovo se potete

il problema di prima è minoritario, avrei questa cosa da chiedervi
http://www.kantea.org/prove/css/css_01.htm
o questa pagina fatta in tabelle la testata e il menù hanno varie sezioni per allegerire le varie immagini
se volete vedere come è divisa
http://www.kantea.org/prove/css/css_01-bordi.htm
invece che con le tabelle vorrei farle con i div e i css chi mi aiuta...

[iguane]

Il modo è sempre quello, di prima devi immaginarti come puoi suddividere la pagina e poi il codice alla fine è sempre quello

[antos]

creati i blocchi della testa e del corpo e imposta position:relative;
ora le varie immagini le puoi piazzare con poizionamento assolutouan di fianco all'altra con precisione al px!(senza aggiungere ulteriori tag!

[mimir]

Originariamente inviato da arpanet
mi sono scaricato il menù fatto in css da www.constile.org, l'unico problema è che vorrei che non si spostasse verso destra i vari sotto menu mavorrei che stesso tutto in una unica colonna tu per caso sai come aiutarmi, o anche qualcuno degli altri.

La soluzione è semplice

Sostituisci

ul {
list-style: disc url(doc.gif);
margin:0;padding:0 2em;
}


con


ul {
list-style:none;
margin:0;padding:0;
}


La diachiarazione padding:0 2em; è quella che aggiunge lo spazio a destra (e a sinistra).

[antos]

Originariamente inviato da mimir
La soluzione è semplice

Sostituisci

ul {
list-style: disc url(doc.gif);
margin:0;padding:0 2em;
}


con


ul {
list-style:none;
margin:0;padding:0;
}


La diachiarazione padding:0 2em; è quella che aggiunge lo spazio a destra (e a sinistra).

se toglie il padding di 2em perde il punto elenco (cioè il dischetto o il quadrato o l'immagine), il padding di 2 em è messo appositamente per quello!