Piccolo problema nel menù orizzontale.

[d4ve]

Ciao a tutti.

Ho creato un menù orizzontale in css con sottomenù: http://divudi.altervista.org/prova_n...zzontale2.html

Il menù funziona ma vorrei che il sottomenù rimanesse sempre nella stessa posizione e non si spostasse.

Ad esempio, quando la freccetta è su Gran Bretagna il sottomenù comincia da sotto la casella che contiene Gran Bretagna, invece io vorrei che iniziasse dall'inizio, da sotto la casella Italia.

Esempio di come lo vorrei:

Son sicuro che la faccenda è semplice, ma non riesco ad arrivarci.




Per comodità vi posto il link al css: http://divudi.altervista.org/prova_n...o_completo.css



Ciao!

[erredeco]

Da quel che mi pare di capire hai messo correttamente il

position: absolute;

al secondo livello, ma hai dimenticato di dirgli dove deve iniziare con un istruzione tipo

left:{valore}

[d4ve]

Ma certo!
Che stupido che sono!

Grazie mille per avermelo fatto notare.



Un'ultima cosa: attualmente tutti i sottomenù hanno la stessa immagine di bakground, se invece volessi che ogni sottomenù ne avesse una diversa? Dovrei assegnare un id ad ognuno dei[*] del menù in alto? E nel css come procedo?


Grazie di nuovo!

[erredeco]

Un'ultima cosa: attualmente tutti i sottomenù hanno la stessa immagine di bakground, se invece volessi che ogni sottomenù ne avesse una diversa? Dovrei assegnare un id ad ognuno dei[*] del menù in alto? E nel css come procedo?

Ma...scusa... Se l'hai fatto tu, avrai anche visto che l'immagine di sfondo è assegnata all <ul>:

ul#menu_a_2livelli li:hover ul{
display: block;
position: absolute;
z-index:1;
width:390px;
padding: 0;
margin: 0 0 0 0;
background-image: url(subnav.jpg);
font-size:9px;
text-align: center;
}

E quindi è su questa che occorre agire.

[d4ve]

Mmh, forse mi sono spiegato male.
So benissimo come far a modificare il background del sottomenù. L'unico problema però è che quel background è sempre lo stesso per tutti. Ciò che io chiedo, è come far per assegnare un diverso background per ogni sottomenù. Forse è semplice, ma non ci arrivo!

Spero di essermi spiegato meglio.

Grazie di nuovo!

[d4ve]

Non vorrei approfittare della vostra disponibilità, ma nessuno sa darmi una mano?

[Shores]

Se vuoi che ogni sottomenu abbia un bg diverso, devi potre identificare quei sottomenu uno dall'altro; che tu lo faccia con un id e quindi usando poi #id o con una classe usando poi .classe , che questo id/classe lo assegni direttamente al sottomenu o a lla voce del menu principale che lo contiene, non fa differenza, semplicemente dovrai scrivere diversamente il selettore css, ma è una tua scelta...

[d4ve]

Questo e l'XHTML:

<ul id="menu_a_2livelli">
        [*][url="#"]Italia[/url]          
            <ul>
            [*][url="#"]Roma[/url]
            [*][url="#"]Milano[/url]
            [*][url="#"]Torino[/url]
        [/list]
                
        [*][url="#"]Spagna[/url]          
            <ul>
            [*][url="#"]Madrid[/url]
                [*][url="#"]Barcelona[/url]
                [*][url="#"]Zaragoza[/url]
    [/list]
            
        [*][url="#"]Germania[/url]          
             <ul>
                     [*][url="#"]Berlin[/url]
                [*][url="#"]Munchen[/url]
                [*][url="#"]Kholn[/url]
        [/list]
             [*][url="#"]Gran Bretagna[/url]         
              <ul>
                [*][url="#"]London[/url]
                [*][url="#"]Liverpool[/url]
                [*][url="#"]Manchester[/url]
        [/list]
             
        [*][url="#"]Francia[/url]          
              <ul>
                [*][url="#"]Paris[/url]
                [*][url="#"]Lille[/url]
                [*][url="#"]Metz[/url]
            [/list]
             
[/list] 

A chi assegno l'id? Alle voci del menù o a quelle del sottomenù?

Sto provando in tutti i modi, ma non mi funziona!

Ho anche provato ad assegnar un id al href e un hover che fa comparir un determinato background quando il mouse è sopra alla prima voce del menù, ma niente.

Dove sbaglio?

[Shores]

<ul id="menu_a_2livelli">
        <li id="menu1">[url="#"]Italia[/url]          
            <ul>
            [*][url="#"]Roma[/url]
            [*][url="#"]Milano[/url]
            [*][url="#"]Torino[/url]
        [/list]
                
        [*][url="#"]Spagna[/url]          
            <ul id="menu2">
            [*][url="#"]Madrid[/url]
                [*][url="#"]Barcelona[/url]
                [*][url="#"]Zaragoza[/url]
    [/list]
            
        [*][url="#"]Germania[/url]          
             <ul>
                     [*][url="#"]Berlin[/url]
                [*][url="#"]Munchen[/url]
                [*][url="#"]Kholn[/url]
        [/list]
             [*][url="#"]Gran Bretagna[/url]         
              <ul>
                [*][url="#"]London[/url]
                [*][url="#"]Liverpool[/url]
                [*][url="#"]Manchester[/url]
        [/list]
             
        [*][url="#"]Francia[/url]          
              <ul>
                [*][url="#"]Paris[/url]
                [*][url="#"]Lille[/url]
                [*][url="#"]Metz[/url]
            [/list]
             
[/list] 

Qualunque dei due: la regola dovrà poi essere in un caso, il primo:

#menu1 ul {background:...}

nell'altro:

ul#menu1 {background:...}

e deve funzionare in entrambi i modi...

[d4ve]

Sapevo che non era difficile, ero io che andavo a complicar le cose.

Grazie mille Shores!


Il menù l'ho completato e con Firefox tutto a meraviglia... con IE ovviamente no.


Cos'è che non è compatibile con IE? Non ho usato nulla di particolare. Forse devo aggiunger qualcosa per soddisfare le esigenze di IE?


Un aiutino? Vorrei evitare di rifar tutto da capo.



Il link è sempre quello: http://divudi.altervista.org/prova_n...zzontale2.html

e il css: http://divudi.altervista.org/prova_n...o_completo.css (copiate il link nella barra degli indirizzi.)



Grazie!