[Javascript] [CSS] elenco affiancato per evitare scorrimento pagina

ali7.p

Utente Attivo
6 Lug 2006
52
0
6
Ho un menu a tendina senza javascript formato da elenchi annidati, il problema è che è abbastanza lungo: vorrei (sia nelle categorie principali che nelle sottocategorie) che se tutti gli elementi di un elenco non ci stanno nella pagina, venissero affiancati a dx.
E' possibile fare una cosa del genere? (eventualmente anche usando javascript/jquery se non troppo complicato... non sono linguaggi che conosco bene)

Avevo provato anche a fissare il menu in alto, ma così risolvo il problema solo per le categorie, non per le sottocategorie...

Allego immagine...
tendina.jpg
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Cosa vuoi dire se non ci sta nella pagina? Una pagina si estende in altezza (se il menu è verticale) fino alla fine del menu.
Con css e html non si riesce a fare ciò che chiedi e anche con JS mi sembra abbastanza complicato e poi a mio avviso comporterenne qualche problema alla pagina (che però non conoscendola non so di sicuro).
Un menu verticale solo con css ogni sottocategoria si sposta sulla destra se il menu è a sinistra, quindi non vedrei nessun problema anche se sono tante. Se una sottocategoria (cliccando sul menu) si estende oltre lo specchio del browser, si può prevedere in fase di progettazione suddividendola in due blocchi piò agevolmente con JS ma si può anche con css.
Comunque se vuoi usare Js ti sposto in quella sezione decidi tu
 

ali7.p

Utente Attivo
6 Lug 2006
52
0
6
Cosa vuoi dire se non ci sta nella pagina? Una pagina si estende in altezza (se il menu è verticale) fino alla fine del menu.

intendevo dire che devo fare lo scroll della pagina per vedere l'intero menu

si può prevedere in fase di progettazione suddividendola in due blocchi piò agevolmente con JS ma si può anche con css.
Qualche dritta da dove partire? che proprietà devo usare?
Poi mi documento e provo io... solo che non so proprio da dove partire, quello che è nelle mie conoscenze ho provato tutto senza risultato.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Di tutorials in rete non credo ce ne sia per questo problema.
Con i css bisogna creare dei blocchi e spostarli sulla destra usando
Codice:
float: left;
con JS bisogna dare uno script a hoc.
Come detto sopra se vuoi ti sposto in javascript
 

ali7.p

Utente Attivo
6 Lug 2006
52
0
6
con float left non ottengo quello che voglio, anche perchè devo "scegliere a priori" quale blocco affiancare...
ok, proviamo con javascript...
Grazie
 
Discussioni simili
Autore Titolo Forum Risposte Data
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
R javascript lettura css cross-browser Javascript 1
L [Javascript]Alternativa al position:sticky nel CSS Javascript 0
W [C#] Il componente "WebBrowser" non mi esegue css e javascript .NET Framework 0
V Galleria con CSS e Javascript Javascript 2
S [Javascript] [CSS] Spazio Bianco tra Slider e Menu foto Javascript 6
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
B Javascript: Cambiare valore Css Javascript 1
C Modificare CSS con Javascript Javascript 1
P Stampare valore font-size da css con javascript Javascript 2
I Implementazione con Javascript di più css a seconda di screen.width Javascript 3
I Pubblicare un sito realizzato con html, css e javascript Webdesign e Grafica 13
M Espandere e comprimere testo con javascript e CSS tramite un link Javascript 1
M rendere attivo un oggetto CSS tramite javascript Javascript 3
Dexter_90 [AIUTO] Modificare proprieta Css tramite hover con Javascript Javascript 4
L Programmatore Web (PHP/MySQL/HTML/CSS/Javascript) Retribuzioni Ridotte Offerte e Richieste di Lavoro e/o Collaborazione 1
J Mega Collection of Cheat Sheets with HTML, CSS, PHP, Javascript Javascript 0
J Best Ways to Preload Image JavaScript with CSS, AJAX Javascript 0
E catturare pseudo-classi CSS con Javascript Javascript 1
C Cercasi programmatori php 5, javascript + ajax, css e mysql per portale di videogames Altri Annunci 0
J Collaboratori per forum su html, php, apache, mysql, css, javascript, ecc. Offerte e Richieste di Lavoro e/o Collaborazione 2
G Stili CSS e Javascript Javascript 2
C Javascript e foglio css esterno Javascript 1
S Menu css+xhtml+javascript Javascript 1
M come gestire i css con javascript Javascript 3
G Come cambiare un css con javascript ?? HTML e CSS 0
R CSS + JavaScript HTML e CSS 10
I Creare un banner temporaneo JavaScript Javascript 0
S Impossibile scorrere un oggetto in JavaScript Javascript 0
N Passare array da php a javascript PHP 5
L Quiz javascript funzionante da migliorare Javascript 0
P errore 404 con javascript Javascript 2
D aiuto funzioni javascript Javascript 1
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 1
F Creare elementi html con javascript Javascript 3
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6

Discussioni simili