Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it L'avatar di stranyera
    Registrato dal
    Feb 2001
    Messaggi
    1,101

    menu a tendina e css (no js)

    Ciao a tutti...ho questa stuazione:

    codice:
    #Navigation {
        width: 780px; height: 34px;
        background: url("images/navigation.jpg");
        margin: 0px; padding: 0;
        position: relative;}
    	
    #Navigation span {display: none;}
    #Navigation ul {list-style-type: none;}
    #Navigation li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
    #Navigation li, #Navigation a {height: 34px; display: block;}
    
      #home {left: 0; width: 120px;}
      #milano {left: 120px; width: 70px;}
      #pavia {left: 190px; width: 102px;}
      #citta {left: 292px; width: 126px;}
      #provincia {left: 418px; width: 77px;}
      
      #home a:hover {background: transparent url("images/navigation.jpg") 0 -34px no-repeat;}
      #milano a:hover {background: transparent url("images/navigation.jpg") -120px -34px no-repeat;}
      #pavia a:hover {background: transparent url("images/navigation.jpg") -190px -34px no-repeat;}
      #citta a:hover {background: transparent url("images/navigation.jpg") -292px -34px no-repeat;}
      #provincia a:hover {background: transparent url("images/navigation.jpg") -418px -34px no-repeat;}
    il relativo html è questo:
    codice:
    <ul id="Navigation">
          <li id="home"><span>Link 1</span>
          <li id="milano"><span>Link 2</span>
          <li id="pavia"><span>Link 3</span>
          <li id="citta"><span>La citta'</span>
          <li id="provincia"><span>La Provincia</span>[/list]
    l'immagine navigation.jpg è quella in allegato.

    Ecco, a me servirebbe che SOLO alla voce "La provincia" andando sopra col mouse mi apaprisse una tendina con altre voci cliccabili.

    Come fare?
    Immagini allegate Immagini allegate
    io non ozio, riposo.
    ...e il 13 marzo 2010 alle ore 11.00 am il mio Uomo mi ha sposata
    www.takingweb.com OnLine new release

    Per regalarci un pezzetino del nostro sogno: http://www.newyork.takingweb.com

  2. #2
    Il menu che chiedi non funziona con Internet Explorer. Necessita per forza di Javascript.

  3. #3
    Ciao, si ha ragione anderson, purtroppo Internet Explorer non supporta tale codice.

    Se vuoi ti posso consigliare:

    http://www.sickbrain.org/?document_i...ic_id=8&page=0
    Sickbrain.org » A proposito di Web Publishing

  4. #4
    Utente di HTML.it L'avatar di stranyera
    Registrato dal
    Feb 2001
    Messaggi
    1,101
    uhm...se proprio devo mi "abbasso" ad utilizzare anche js...per ora non ho altrocodice js nell'html quindi ci puo' stare...
    nel frattempo mi guardo il tuo link sick
    grazie
    io non ozio, riposo.
    ...e il 13 marzo 2010 alle ore 11.00 am il mio Uomo mi ha sposata
    www.takingweb.com OnLine new release

    Per regalarci un pezzetino del nostro sogno: http://www.newyork.takingweb.com

  5. #5
    Utente di HTML.it L'avatar di stranyera
    Registrato dal
    Feb 2001
    Messaggi
    1,101
    uhm mi son guardata il link...non va bene...

    ho guardato meglio...forse va bene...anche se c'è js
    io non ozio, riposo.
    ...e il 13 marzo 2010 alle ore 11.00 am il mio Uomo mi ha sposata
    www.takingweb.com OnLine new release

    Per regalarci un pezzetino del nostro sogno: http://www.newyork.takingweb.com

  6. #6
    Utente di HTML.it L'avatar di stranyera
    Registrato dal
    Feb 2001
    Messaggi
    1,101
    non riesco a modificarlo!
    io non ozio, riposo.
    ...e il 13 marzo 2010 alle ore 11.00 am il mio Uomo mi ha sposata
    www.takingweb.com OnLine new release

    Per regalarci un pezzetino del nostro sogno: http://www.newyork.takingweb.com

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.