• User

    @GloboGsm said:

    Forse ti stai complicando la vita ...
    Come deve essere il menu vertcale finito ?
    mostra un menu già fatto che vorresti realizzare che ti piace.

    allora, mi spiego:

    • quando clicco sul primo link, va tutto giù con la descrizione, come in questo esempio:
      wxw.moti-f.it/prova/images/prova2.jpg
      (avevo trovato da qlc parte un javascript o cmq un tool che permetteva di ottenere quest'effetto a "tendina")
    • quando invece clicco ad esempio su "progetti", mi si apre il menu di lato (credo realizzandolo con un iframe) come in questo esempio:
      wxw.moti-f.it/prova/images/prova3.jpg

    spero di essere stato chiaro ed averti fornito tutte le info per aiutarmi 🙂
    grazie!


  • Super User

    Guarda, vai in questo sito, troverai molti esempi che puoi anche scaricare e personalizzare a tuo piacere, poi se vuoi sistemare alcune cose e non riesci, posta pure e troviamo la soluzione.


  • User

    @GloboGsm said:

    Guarda, troverai molti esempi che puoi anche scaricare e personalizzare a tuo piacere, poi se vuoi sistemare alcune cose e non riesci, posta pure e troviamo la soluzione.

    gentilissimo, grazie!
    vado a dare un'occhiata, sperando di non dovervi disturbare più 😛


  • User

    prima di provare ad inserire i menu che mi avete suggerito....mi spiegate solo una cosa?!
    come mai i link del menu dentro i div #link1, #link2 etc hanno quello spazio superiore ed inferiore (si nota subito se lo analizzate con Firebug o simili) come se avessero un margin o padding top e bottom, nonostante nel css siano impostati a 0px?!
    Da cosa dipende questo margine superiore ed inferiore che hanno i links nei div, dunque?
    (si nota meglio nella seconda pagina di prova: wxw.moti-f.it/prova/index2.htm )
    Thanks! 🙂


  • Super User

    dovresti prima di tutto decidere come impostare la struttura del layout:

    Fluido: in base alla risoluzione del browser i contenuti si adattano

    Fisso: si useranno i pixel per determinare il tutto

    dopo di che si scrive il css in base a ciò.

    tu hai fatto un miscuglio delle cose e non va bene.


  • User

    @GloboGsm said:

    dovresti prima di tutto decidere come impostare la struttura del layout:

    Fluido: in base alla risoluzione del browser i contenuti si adattano

    Fisso: si useranno i pixel per determinare il tutto

    dopo di che si scrive il css in base a ciò.

    tu hai fatto un miscuglio delle cose e non va bene.

    right....
    ora, impostando tutti i div con dimensioni fisse in pixel....
    come si spiega (e si risolve) la questione dei link con quel margine top e bottom, anche se non specificato da nessuna parte?


  • User

    Update!
    Allora, sempre su:
    wxw.moti-f.it/prova
    sono andato un po' avanti, e seguendo anche il link che mi avete suggerito e mixando il tutto ho raggiunto quel che volevo raggiungere.
    Il problema è che su Firefox, ovviamente, funziona....ma su Internet Explorer no!!!! :arrabbiato:
    Dov'è il problema? C'è qualcosa che posso fare per farlo funzionare anche su IE? Thanks!


  • User

    PS provate anche a cliccare sul link "Progetti" e vedete il comportamento della nuova pagina su Firefox (corretto, ovviamente) e su Internet Explorer (come je pare!)....:(


  • User Attivo

    @magnotta said:

    Update!
    Allora, sempre su:
    wxw.moti-f.it/prova

    Su IE mi da un errore javascript, che fa in modo che l'accordion rimane aperto e sballa tutto il layout.

    @magnotta said:

    PS provate anche a cliccare sul link "Progetti" e vedete il comportamento della nuova pagina su Firefox (corretto, ovviamente) e su Internet Explorer (come je pare!)....:(
    Su progetti basta che metti padding-bottom: 20px; nel #right e poi su IE si vede mentre da me su Firefox non cambia niente


  • User

    @Jess said:

    Su IE mi da un errore javascript, che fa in modo che l'accordion rimane aperto e sballa tutto il layout.

    Su progetti basta che metti padding-bottom: 20px; nel #right e poi su IE si vede mentre da me su Firefox non cambia niente

    Ciao, grazie per il consiglio 😉
    Il fatto è che anche mettendo padding-bottom 20px su right è pur vero che finalmente si vede anche l'ultimo link che prima risultava tagliato....ma sussiste un fastidioso problema ancora molto evidente sui link.
    Infatti se ci fate caso non funzionano correttamente come su Firefox, e passandoci sopra con il mouse si "anneruiscono" in maniera strana....e cioè vengono evidenziati solo quando il mouse ci passa sopra nell'estremità alta, appena si va sul centro del link non si attivano più.
    Credo dipenda dal line height, ma per tenerli cosi attaccati è l'unico modo.
    E' lo stesso problema anche della pagina index, è come se i link avessero una "dimensione" maggiore a quella del testo, con uno spazio sia superiore che inferiore che non mi spiego.

    Per quanto riguarda l'errore di javascript, l'avevo notato, ma non essendo un grande esperto mi affido ai vostri consigli per cercare di risolvere questa compatibilità con IE o per suggerirmi un eventuale modo alternativo e compatibile per ottenere il medesimo effetto.
    Thanks 😉


  • User Attivo

    Ti conviene prima togliere l'errore javascript, altrimenti non saprai mai se gli errori di visualizzazione vengono influenzati da quello o no.