Menu orizzontale con tendina orizzontale

[AgoNow]

Salve a tutti,
avrei bisogno di realizzare un menu orizzontale con la tendina orizzontale.
Come posso fare?

Grazie mille!

 

[glm1986ITALY]

Puoi specificare un pochettino meglio?

 

[AgoNow]

Puoi specificare un pochettino meglio?

Vorrei una cosa del genere.
Se io faccio clik la voce del menu "Testo1", la tendina deve apparire orizzontale e non in verticale.
Non so se adesso mi sono spiegata un tantino meglio.

Testo1 Testo2 Testo3 Testo4
- Uno | Due | Tre |Quattro


Grazie.

 

[glm1986ITALY]

Uhm... c'era un bello script che permette di fare una cosa simile, se non ricordo male si chiama "image menu" (javascript)

L'ho usato per il sito frabomoda.com

E' questo che intendi oppure un vero e proprio menù "a scrolling" ?

 

[AgoNow]

Ehm.. no! io ho solo testo, zero immagini.

Testo1_______Testo2_______Testo3 [sono le voci del menu]
--- Uno | Due | Tre [voci della tendina]

Testo1_______Testo2_______Testo3
-------------------- Uno | Due | Tre

Testo1_______Testo2_______Testo3
------------------------------------- Uno | Due | Tre

Forse adesso si capisce un po' meglio!

 

[glm1986ITALY]

Si si... immaginavo.

Sull'html5 lascio: ammetto che devo ancora approfondire ^^

Son sicuro che si potrebbe fare con javascript o jquery.

Provato a cercare su Google "menu scroll horizontal" ?

 

[AgoNow]

E' da un bel pezzo che cerco in giro ma non ho trovato nulla.

 

[criric]

Ciao, puoi provare con il selettore dei css hover
ti posto uno schema

<style>
    ul {
        position: static;
        list-style-type: none;
    }
    ul li {
        float: left;
        margin: 0 10px;
        cursor: pointer;
    }
    ul li ul {
        position: absolute;
        display: none;
    }
    ul li:hover ul {
        display: block;
    }
</style>
<ul>
    <li>menu 1
        <ul>
            <li>item 1</li>
            <li>item 1</li>
            <li>item 1</li>
        </ul>
    </li>
    <li>menu 2
        <ul>
            <li>item 2</li>
            <li>item 2</li>
            <li>item 2</li>
        </ul>
    </li>
</ul>

Se invece lo vuoi al click dovrai creare qualcosa con javascript

 

[AgoNow]

Grazie milleeeeeeeeeeeeeeeeeeeeeeeeee!!!!!
Adesso vedo di aggiungerci un po' di grafica

 

[AgoNow]

Una cosa sola vorrei chiedere.
E' possibile far iniziare il testo della tendina proprio in corrispondenza del pulsante?
Per intenderci:

Testo1______ Testo2______Testo3
____________Prova2 | Prova2 | Prova2

e non

Testo1______ Testo2______Testo3
__________________Prova2 | Prova2 | Prova2

 

[criric]

togli margin e padding alla ul interna

ul li ul {
        margin:0;
        padding:0;
        position: absolute;
        display: none;
    }

e volendo anche il margine sinistro delle <li> interne