Problema sub-menu troppo lungo

F

fradamma

Utente Attivo
28 Set 2012
93
0
0
Buongiorno a tutti,
vorrei chiedervi una cosa abbastanza semplice. Ho il seguente codice:

Codice: 
<ul class="scope">
        <li><a class="" href="">link1</a></li>
        <li><a class="" href="">link2</a></li>
            <ul class="sub-scope" style="">
               <li class="sub-link">
                    <a class="" href="">sublink1</a>
                </li>
               <li class="sub-link">
                    <a class="" href="">sublink2</a>
                </li>
                <li class="sub-link">
                    <a class="" href="">sublink3</a>
                </li>
                <li class="sub-link">
                    <a class="" href="">sublink4</a>
                </li>
                <li class="sub-link">
                    <a class="" href="">sublink5</a>
                </li>
                <li class="sub-link">
                    <a class="" href="">sublink6</a>
                </li>
            </ul>
        </li>
        <li><a class="" href="">link3</a></li>
        <li><a class="" href="">link4</a></li>
    </ul>

Si tratta di un menu orizzontale con un secondo <li> che ha un submenu a tendina in dropdown. Quello che vorrei fare è evitare che il submenu sia troppo lungo e finisca troppo in basso. Per cui vorrei che al click su "link2" le 6 <li> della tendina drobdown si posizionino tre sulla sinistra e tre sulla destra, risparmiando in lunghezza. Potete darmi una mano? Grazie!
 
criric

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, potresti fare due <ul> da 3 <li> affiancate con float:left
 
F

fradamma

Utente Attivo
28 Set 2012
93
0
0
Ciao Criric,
purtroppo non alcuna possibilità di manipolare l'html...dovrei intervenire solo sui css (al massimo posso inserire classi e id).
 
criric

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
prova cosi:
HTML: 
<style>
    ul.sub-scope {
        width: 200px;
    }
    ul.sub-scope li {
        width: 100px;
        float:right;
    }
    ul.sub-scope li:nth-child(2n) {
        float:left;
    }
</style>
<ul class="scope">
    <li><a class="" href="">link1</a></li>
    <li><a class="" href="">link2</a></li>
    <ul class="sub-scope" style="">
        <li class="sub-link">
            <a class="" href="">sublink1</a>
        </li>
        <li class="sub-link">
            <a class="" href="">sublink2</a>
        </li>
        <li class="sub-link">
            <a class="" href="">sublink3</a>
        </li>
        <li class="sub-link">
            <a class="" href="">sublink4</a>
        </li>
        <li class="sub-link">
            <a class="" href="">sublink5</a>
        </li>
        <li class="sub-link">
            <a class="" href="">sublink6</a>
        </li>
    </ul>
</li>
<li><a class="" href="">link3</a></li>
<li><a class="" href="">link4</a></li>
</ul>
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 1
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
D problema php mysql PHP 1
D problema php mysql PHP 1

Discussioni simili

Alto Basso