che cos'è un MEGAMENU? ::)
che cos'è un MEGAMENU? ::)A dire il vero me l'ero chiesto anch'io... boh...... ???
.........ma devo riuscire a fare questo menu altrimenti mi vedo costretto ad abbandonare website, per un cms ma non ho il tempo materiale per rifare tutto il sito :-\ .......................
:D rieccoci con il mega mega menu ;)
Dunque ho trovato questo che è perfetto per il lavoro che voglio fare.......mah!! mi finisce sotto la slide centrale ??? qualcuno sa come posso aggirare l'ostacolo? mi va bene anche modificare html dell'index.........ma devo riuscire a fare questo menu altrimenti mi vedo costretto ad abbandonare website, per un cms ma non ho il tempo materiale per rifare tutto il sito :-\ .......................
esempio: http://www.egimotors.it/aatest/ (http://www.egimotors.it/aatest/)
come sempre Grazie!
Ciao Tigrone, alzando l'oggetto funziona, ma non va bene perchè a menu chiuso rimane dello spazo vuoto................. ho inserito un div ma il menu finisce ancora sotto la gallery.......provo a smanettare il div della galleryE' il solito problema assurdo della griglia di website...
Grazie!
Only registered users can see contents. Please click here to Register or Login.
e funziona http://www.egimotors.it/aatest/ (http://www.egimotors.it/aatest/)perdona la domanda banale, ma perchè non sostituisci il "mega menù" al menù orizzontale di wsx5, lasciando il tutto in alto?Domanda per nulla banale, voglio mantenere il menu in alto orginale di websitex5 per le pagine "istituzionali", e avere un menu di "impatto" per i prodotti e le aziende che rappresentiamo, in pratica il layout sarà:
una cosa sola però posso sostituire top: 5 px ; con una percentulate tipo top:10%; in modo che la posizione sia sempre fissa in percentuale indipendentemente dalla risoluzione video, corretto?
Secondo me per come hai posizionato il div nella pagina, se cambi il valore di top in % la posizione del menu cambia in funzione della lunghezza della pagina. Il div è contenuto in imHeader con position static e quindi la percentuale dovrebbe essere calcolata rispetto al valore dell'altezza di imPage che ha position relative.
Mi posso sbagliare, ma se provi ad allungare la pagina con più contenuti mettendo il valore in % lo verifichi facilmente.
il valore 5px che ho messo casualmente lo cambi con quello che ti fa più comodo ma come dice stesil, non in percentuale, il valore indica la distanza superiore.Bene ho messo 105px da top, inserendo il tutto nel codice box attivazione statistiche e lo ritrovo in tutte le pagine.......a lavoro finito posto tutto grazie!
per mettere il megamenu in tutte le pagine la via più semplice è mettere il codice che ti ho dato nel box delle attivazioni statistiche al passo 1 sezione esperto.
hai messo al div che contiene il mega menu width e height a 100%, in questo modo ti copre l'intera pagina,
prova a mettere le misure in px che effettivamente servono, direi piu o meno 1100 x 350.
UHMM ??? grazie per il test , ora lo metto a 150px e non 11% e vedo se va bene........per ilo momento GRAZIE!!
UHMM ??? grazie per il test , ora lo metto a 150px e non 11% e vedo se va bene........per ilo momento GRAZIE!!
sempre sfalsato resta, a messo al centro non a una misura specifica.
http://www.egimotors.it/aatest/
Only registered users can see contents. Please click here to Register or Login.
Si centra a varie risoluzioni e con i vari browser?
Only registered users can see contents. Please click here to Register or Login.
nel divOnly registered users can see contents. Please click here to Register or Login.
Ho fatto varie prove e sembra tutto ok, il problema più grossi li avevo con il Safari+MAc del mio collega ma adesso lo vede bene anche lui.
Domanda: se non ricordo male con la 8 si riusciva in qualche modo ad "uscire" dall'header con codice HTML, con la 9 non si può?
[...] non ci avevo mai pensato!Non ci credo :)
Il problema del codice html inserito in header nella 9 è che viene avvolto da un div con overflow: hidden ... e per toglierlo occorre agire ancora via js o con un post-edit.
Anche nella 8 è così (div con overflow: hidden), sicuramente ricordavo male, grazie.Non ricordi male.
<div id="miomenu" style="position:absolute; z-index:10000; top:105px; height:35px; left:0;">
Only registered users can see contents. Please click here to Register or Login.
<div id="miomenu" style="position:absolute; z-index:10000; width: 1120px; top:105px; height:35px; left:0;">
Scusami stesil se ho aggiunto 'sto post superfluo :)... superfluo? Non credo proprio! :D
Only registered users can see contents. Please click here to Register or Login.
e provato in locale ma mi crea problemi con il menu prencipale di evo ( immagine allegata)(http://www.egimotors.it/problema.png)
.......mi viene voglia di....... ma saranno in tanti ad usare IE dalla 8 in giù? :-\
Dunque ho modificcato cosiCodice:Only registered users can see contents. Please click here to Register or Login.
e provato in e provato in locale ma mi crea problemi con il menu prencipale di evo
Ho modificato mettendo 9005 ...... e non "cozza" più con evo.... me sembra che il problema con IE7 rimanga ???Dunque ho modificcato cosiCodice:Only registered users can see contents. Please click here to Register or Login.
e provato in e provato in locale ma mi crea problemi con il menu prencipale di evo
Sì, il valore di z-index che ho scritto è ... esagerato!
9001 dovrebbe bastare e non creare interferenze con il menu di Evo.
Eh sì, purtroppo ieri non ho verificato il menu a comparsa (se ti riferisci a quello)......in effetti avevo già controllato le statistiche del sito per capire in quanti utilizzano IE7 ma se non sbaglio google da solo il tipo di browser e non la vesione usata...... da un sito che mi ha girato @Milux sembra che tra i vari IE in sevizio il 2.5% siano la vesione 7.
Non ho la 9 per fare delle prove "sul campo", ma sono sicuro che stesil riuscirà anche questa volta a darti una mano ;)
Forse è più "semplice" inserire il mega menu nell'header con un po' di JS?
Se nelle tue statistiche del sito vedi che le visite con IE7 sono "relativamente poche" puoi reindirizzare i visitatori ad una pagina dove consigli di aggiornarsi.
Mi spiace non poter fare di più.
Non ho soluzioni da dare ... e non ne vedo altre rispetto a quelle prospettate da lemon.
Scrivo comunque quello che ho trovato, cioè la causa del comportamento anomalo dei menu in IE7 .... chissà che a qualcuno non venga qualche idea ...
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html (http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html)
guardando la pagina con ff e poi con ie7 si vede la differenza. Il box giallo è l'analogo del div che contiene il menu di evo (z-index:10000), inserito in un div contenitore (imPage) con position relative e z-index 9000, quello verde si comporta come il box con il mega menu (z-index:9001).
Il valore di z-index del menu di evo, a quanto ho capito, viene interpretato da ie7 solo rispetto agli elementi che fanno parte dello stesso contenitore, quindi agli elementi contenuti in imPage.
E per dargli una priorità rispetto al mega menu si dovrebbe aumentare il valore di z-index di imPage ... ma così il mega menu diventa non cliccabile ... e torniamo al punto di partenza.
Se invece il mega menu fosse inserito anch'esso in imPage ... allora i valori di z-index sarebbero rispettati. E se posizionarlo diversamente da programma risulta poco agevole, si può pure provare la strada dello spostamento del codice con js, come suggerito da lemon.
.....in effetti avevo già controllato le statistiche del sito per capire in quanti utilizzano IE7 ma se non sbaglio google da solo il tipo di browser e non la vesione usata......
Only registered users can see contents. Please click here to Register or Login.
.....in effetti avevo già controllato le statistiche del sito per capire in quanti utilizzano IE7 ma se non sbaglio google da solo il tipo di browser e non la vesione usata......
Se ti riferisci a Google Analytics hai pure le versioni:
(Attachment Link)
Forse adesso ci siamo :)
http://stesil.altervista.org/evo9/megamenu/ (http://stesil.altervista.org/evo9/megamenu/)
Ho inserito il mega menu in header con codice html in modifica del modello.
In head queste due righe di jquery, per correggere il valore di overflow del div che crea automaticamente evo9 ed aggiungere il giusto valore di z-index:Codice:Only registered users can see contents. Please click here to Register or Login.
Togli lo script js per centrare il menu ... non serve più.
Ciao
Prego!eehhh dai che un pò ho rotto ;D .... spero che tutto questo lavoro torni utile al forum ;)
... e non ti preoccupare ... nessuna rottura! :)
csshover3.htc
Ma solo con IE6... devo includerlo?
e credo che anche che il menu.css vada modificato... o sbaglio? Ma come? <!--[if IE 6]>
<style>
body {behavior: url("files/csshover3.htc");}
#menu li .drop {background:url("files/drop.gif") no-repeat right 8px;
</style>
<![endif]-->
<script type="">
$(document).ready(function(){
$('ul#menu').parent('div').css({
'overflow':'visible',
'z-index':'9001'
});
});
</script>
[/pre]
Quì abbiamo un file drop.gif e csshover3.htc ... devo includerli? Da un Widget? In Home Page?
Poi passiamo al codice della pagina...
Parto da
[/size]
<div style=" z-index:1000; position: absolute; top: 200px; width:100%; height: 100%;">
<ul id="menu">
<li><a href="#" class="drop">UTV FUORISTRADA</a><!-- Begin 4 columns Item -->
<div class="dropdown_4columns"><!-- Begin 4 columns container -->
<div class="col_4">
<img alt="" src="img/logo_polaris.gif" /></div>
<div class="col_1">
<h3>SPORTSMAN</h3>
<ul>
<li><img alt="" src="img/sportsman.gif" /><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3>RANGER</h3>
<ul>
<li><img alt="" src="img/sportsman.gif" /><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3>RANGER RZR</h3>
<ul>
<li><img alt="" src="img/sportsman.gif" /><a href="#"></a></li>
</ul>
</div>
<div class="col_1">
<h3>MEZZI SPECIALI</h3>
<ul>
<li><img alt="" src="img/sportsman.gif" /><a href="#"></a></li>
</ul>
</div>
</div><!-- End 4 columns container -->
</li><!-- End 4 columns Item -->
</ul>
</div>
Che era stato postato da Silver il: 02 Marzo, 2012, 15:41:07
... e quì cominciano i guai... so che dovrei modificare i parametri di
<div style=" z-index:1000; position: absolute; top: 200px; width:100%; height: 100%;">
Ma già così mi parte in verticale la barra...
:?
Qualche idea? (io continuo a smanettare)