Fare un menu a tendina per un sito

[ilcontegis]

Ciao ragazzi, mi serve ancora una volta il vostro aiuto se potete.
Degli amici stanno tirando su uno shard di Ultima Online (tra l'altro molto bello e completamente personalizzato) e dato che me ne intendo un poco di pc mi hanno chiesto se gli potevo fare un sito.
Partendo dal presupposto che me ne intendo proprio poco, ho tirato su questo sito molto semplice in puro html. Adesso ci sarebbe da fare un menu a tendina in javascript che ho già bene o male fatto prendendo spunto da alcune guide sul net. Vi espongo ora il problema.
Il sito come potete vedere è sviluppato con 2 frame più la pagina principale. A me interessa il frame di sinistra largo 150px. il menu a tendina si apre a destra ma se lo metto dentro il frame (ovviamente) non si apre perché il frame è di 150px e il menu dovrebbe uscire fuori. Non so se mi sono spiegato bene.
Volevo sapere se c'è un comando che io non conosco per dire al menu di andare al di fuori del frame o qualche script.
Grazie mille della vostra collaborazione.

Se non sono stato chiaro e non mi avete capito cercherò di spiegarmi meglio se posso.
Ciao e grazie
(b2b)

[sono io il vero spillo]

vediamo di evitare difficoltà: come mai usi i frame? sinceramente io non li consiglierei a nessuno

[ilcontegis]

vediamo di evitare difficoltà: come mai usi i frame? sinceramente io non li consiglierei a nessuno

bene uso i frames perché non so in che altro modo farlo se tu hai la pazienza di spiegarmi un modo alternativo più semplice lo cambio subito
Uso i frames perché mi serve che l'immagine in cima resti sempre la stessa così come il menu a sinistra...cosi ho pensato a un frame.
Per cortesia esponimi la tua idea  (good)

[sono io il vero spillo]

hai fatto il mio stesso errore di quando preparai il mio primo sito

allora, oggigiorno il miglior modo di preparare pagine web è dsicuramente quello di usare i css, altrimenti usa le tabelle che sono molto facili da imparare. la strada dei css rimane comunque la migliore e quella che ti consiglio, puoi sempre però combinare layout in tabelle con i css

su html.it trovi guide molto ben fatte che ti possono guidare nell'utilizzo di queste modalità, i frame ormai sono obsoleti e sconsigliati per diversi motivi, che ora sinceramente non ho tempo di elencare

se hai domande o dubbi chiedi pure... (b2b)

[miax]

Ciao qui trovi un esempio di come fare un menu a tendina con i css: http://www.alistapart.com/articles/horizdropdowns/
Per quanto ti e' stato detto riguardo ai frames sono assolutamente parole sagge, sono un tipo di strutturazione del contenuto ormai datato.
Utilizza DIV e TABLE associati a file CSS esterni in modo da mantenere tutto il sito il piu' modulare possibile.

[elegos]

Ho realizzato, seguendo un po' qui ed un po' lì, un menu a cascata con i tag LI, CSS ed un pizzico di JavaScript.

Vedi il tutto qui:
http://elegos.netsons.org/hb

[ilcontegis]

Ho realizzato, seguendo un po' qui ed un po' lì, un menu a cascata con i tag LI, CSS ed un pizzico di JavaScript.

Vedi il tutto qui:
http://elegos.netsons.org/hb

wow ecco si...volevo fare proprio qualcosa del genere all'inizio solo che non ne ero capace...come lo hai fatto? con questi css? devo studiarmi un attimo come funzionano allora..

grazie mille per i consigli a tutti quanti adesso cerco di provare.
Grazie!
(b2b)

[ilcontegis]

ok sono riuscito a fare un template di base monolitico seguendo la guida. adesso un paio di domande  (good) dato che siete così gentili:

1. i link come li faccio? href ? sul sito di elegos ho visto una cosa del genere ?p=our_vision come lo posso fare?
2. in pratica con i css ogni volta devo ricopiare tutta quanta la pagina? (header, menu e footer) e cambiare solo il contenuto?
3. elegos come hai fatto a fare quel contorno bellissimo intorno al sito con pure l'ombreggiatura!!!! se puoi me lo dici per cortesia?

Grazie mille per ora è tutto

[miax]

1. si i link li fai con A: nome del link visualizzato
2. se il css e' esterno puoi duplicarti la pagina e fare le modifiche che credi ai contenuti.
3. credo sia un'immagine assegnata come sfondo di un TD o DIV tramite CSS. Prendilo con il beneficio del dubboi non mi sono messo a spulciare il codice.

Ti faccio presente che utilizzando UL ed LI i menu a cascata si possono fare utilizzando solo i CSS senza usare JavaScript

[shaitan]

Ho realizzato, seguendo un po' qui ed un po' lì, un menu a cascata con i tag LI, CSS ed un pizzico di JavaScript.

Vedi il tutto qui:
http://elegos.netsons.org/hb

un approccio del genere su ie6* non funziona (bisogna usare i commenti condizionali più tabelle)

* almeno a giudicare da ie tester

[ilcontegis]

1. si i link li fai con A: nome del link visualizzato
2. se il css e' esterno puoi duplicarti la pagina e fare le modifiche che credi ai contenuti.
3. credo sia un'immagine assegnata come sfondo di un TD o DIV tramite CSS. Prendilo con il beneficio del dubboi non mi sono messo a spulciare il codice.

Ti faccio presente che utilizzando UL ed LI i menu a cascata si possono fare utilizzando solo i CSS senza usare JavaScript

1.Ok grazie quindi va bene il normale href. Quel p=nome che cosa vuol dire?
2. Si il css è esterno. Ottimo quindi basta che duplico.
3. Ah conoscete un qualche posto dove si possono trovare le spiegazioni di queste cose? o qualche buon anima mi spiega come farla?

UL e LI non li conosco ancora cercherò di informarmi...ma sono poi compatibili con tutti i browsers?
grazie mille

[sono io il vero spillo]

http://xhtml.html.it/
e
http://css.html.it/

[miax]

Ti ho fatto un velocissimo esempio di quello che ti dicevo.

[shaitan]

UL e LI non li conosco ancora cercherò di informarmi...ma sono poi compatibili con tutti i browsers?
grazie mille

no... o meglio no se usati con i css per creare menù a tendina (se usati come semplici elenchi, ovviamente sì, sono compatibili con qualunque browser)

e indovina chi rompe le ballones?
proprio lui... IE... in particolare IE6

Comunque qui http://www.cssplay.co.uk/menus/ trovi molti menù a tendina (drop down) crossbrowser, come questo http://www.cssplay.co.uk/menus/final_drop.html ...come noterai per IE6 (ma anche IE7) bisogna usare i commenti condizionali unite a diverse tabelle in luogo dell'agile elenco indentato (ul e li vari)

[miax]

no... o meglio no se usati con i css per creare menù a tendina (se usati come semplici elenchi, ovviamente sì, sono compatibili con qualunque browser)

In realta', a parte explorer 6 che oramai considererei obsoleto, UL ed LI in combinazione con CSS sono il modo piu' sicuro e modulare per creare menu a tendina.
Come vedi dal mio allegato non ho avuto bisogno di nessun hack per explorer 7 e non ho utilizzato nemmeno una riga di JS.
Se poi la tua utenza utilizza IE6 allora opterei per eliminare i drop down ed usare liste pure e semplici.

[shaitan]

no... o meglio no se usati con i css per creare menù a tendina (se usati come semplici elenchi, ovviamente sì, sono compatibili con qualunque browser)

In realta', a parte explorer 6 che oramai considererei obsoleto, UL ed LI in combinazione con CSS sono il modo piu' sicuro e modulare per creare menu a tendina.
Come vedi dal mio allegato non ho avuto bisogno di nessun hack per explorer 7 e non ho utilizzato nemmeno una riga di JS.
Se poi la tua utenza utilizza IE6 allora opterei per eliminare i drop down ed usare liste pure e semplici.

gli hack per ie7 li devi usare come conseguenza degli hack per ie6

noi lo possiamo considerare anche obsoleto, ma il mercato quello è...
e ie6 è ancora in testa (in alcuni casi di poco, ma parliamo comunque di più di un terzo dei visitatori) in pressoché tutte le statistiche (inclusa quella del w3counter storicamente poco "benevola" verso ie... nel senso che prende in esame, in una percentuale significativa, paesi che si sono spostati ben presto verso firefox).

Poi, ovviamente, il sito si può farlo anche direttamente in xul (con tutto ciò che ne consegue) se al datore di lavoro/per i tuoi scopi va bene, ci sono esempi mirabili in tal senso 

[Dominus]

Perchè non utilizzi prodotti openzource tipo jabber?
Verrebbe un sito professionale e completo.
Senza bisogno di scopiazzare codici a destra e a manca

[Cla]

Perchè non utilizzi prodotti openzource tipo jabber?
Verrebbe un sito professionale e completo.
Senza bisogno di scopiazzare codici a destra e a manca

jabber?  ???

[elegos]

3. elegos come hai fatto a fare quel contorno bellissimo intorno al sito con pure l'ombreggiatura!!!! se puoi me lo dici per cortesia?

Se intendi il 'bianco in risalto' contenitore del sito, ho fatto così, in GIMP:

1. Realizzato una selezione rettangolare dagli angoli arrotondati
2. colorato di bianco
3. Filtri -> Ombra (nera)

Quindi ho preso la parte alta e l'ho fatta un'immagine, quindi ho preso la parte bassa e così ho realizzato header + footer, quindi ho preso una sezione di 1px di altezza della 'parte di mezzo' ed ho creato lo sfondo per il corpo centrale del sito (ripetuto)

Per IE6... che vada alla malora :P (supporta il CSS COME UNA SUPPOSTA lol)

[ilcontegis]

sono andato sul semplice.......grazie a tutti.
Questo è il risultato. Lo so non è un gran che ma mi sembra funzioni. Dato che non ho tanto tempo da imparare di più sono già soddisfatto di questa schifezzuola.
L'unica cosa che mi rimane da chiedere è questa...ma adesso mi tocca copiarmi la stessa pagina per ogni link...e se poi devo modificare un elemento del menu a tendina? mi tocca modificarlo su tutte le altre pagine ahhhhhhhhhhhhhhhhhhhhh >:( >:(

Ovviamente sono sicuro che costruendo il sito in maniera migliore si può ovviare a questo problema, ma non ho tempo né voglia di mettermi li a studiare come. Spero di non dover modificare il menu a tendina troppe volte o mi sparo!

Grazie mille a tutti, ora non resta che rifare tutte le pagine (che palle) con i css (e qualche tabella quando serve).
(b2b)