Terza versione di Menù con soli css senza javascript, e l'affare si fa serio.
C'è un nuovo "grilletto", quello precedente l'ho abbandonato, alla fine ha avuto solo il merito di farmi smanettare e condurmi a quello nuovo che è eccezionale.
Il meccanismo funziona con un gioco di relative e absolute e z-index che ora non credo nemmeno essenziale e anzi lo provo subito.. Infatti, lo z-index (si dirà così? ma chisse..) era essenziale alla soluzione precedente ora non serve nemmeno più e l'ho tolto, c'è un link fittizio (qui ma può anche essere sfruttato come link normale) in absolute che copre interamente i link del menù che sono in relative (e qui si dovrà fare attenzione perché se i link occupassero più spazio gli verrebbe a mancare un po' di coperta) sull'hover ho dato relative al link fittizio che quindi non copre più i link e anzi li spinge in basso ottenendo l'effetto dei menù a tendina, il tutto spostato in alto, che praticamente fuoriesce dalla pagina ma non si vede, per avere delle dimensioni ragionevoli altrimenti non ci sarebbero guadagni di spazio che è il vantaggio principale di questo tipo di menù
Questa è la posizione più comoda per semplicità ma non ci dovrebbero essere difficoltà a piazzarlo in altri punti coi dovuti accorgimenti, ad esempio a sinistra si può realizzare con la stessa semplicità, immagino.
I link sono sempre dieci, adesso però fanno tutto il loro dovere
Quasi, il browser monopolio (almeno la versione 6) fa le bizze se si accede ai link non dall'alto che è operazione anche scomoda perché si deve aggirare il pannello e quindi non lo considero rilevante mentre tutti i browser nascondono i link evidenziati quando ci sposta su un altro e questo sembra essere il difetto maggiore, tuttavia non ne compromette sensibilmente l'efficenza. Altro accorgimento è usare lo spam per i link fittizi "grilletto" altrimenti il testo si troverà in alto e nascosto ma questo è semplice
Cross-browser: vediamo che dicono di questa i vecchi monopolio
Nella versione 2, che usava un cambio di padding nei link, la versione 5 del browser monopolio andava in bambola, vediamo che dice di questa.
Mi dice che gli sta bene :), e anche la cinque è sistemata, con opera e mozilla natuaralmente non ci sono problemi.
Non mi resta allora che aggiustare il contenuto, sto lavorando sulla base della versione precedente, tanto che nel css potrebbe esserci molta roba non più utilizzata.
Lo metto online così, anche se specie opera e mozilla ingrandendo molto i caratteri o tutti restringendo la finestra, la pagina è in percentuale, non trattengono i link, come versione di base la ritengo soddisfacente, si può rivedere in seguito.
Ci metto il bollino allora e mi pare per ora di aver finito, magari cambio anche un colore che non mi piace proprio va, ma mi metto a giocare coi colori ora?! ci ho aggiunto i bordi e si devono ancosa sistemare coi browser standard ma per ora li lascio così.
La prima versione Prima prova di menù con soli css e la Seconda versione da cui sono partito per questa