Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. Coding
    5. Perchè questo menu in firefox è ok e in ie no?
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • D
      dario79 User • ultima modifica di

      Perchè questo menu in firefox è ok e in ie no?

      ciao ragazzi non mi spiego questa rientranza che vedo solo in IE (sia 6 che 7)

      vi posto il codice:

      [html] <body><div class="shiftcontainer">
      <div class="shadowcontainer">
      <div class="innerdiv">

      <div class="glossymenu">
      <li><a href="http://www.sd-studio.it/" >>> Home</a><a href="http://www.sd-studio.it/consulenza_web.php" >>> Consulenza</a><a href="http://www.sd-studio.it/servizi_web_design_agency.php">>> Servizi</a><a href="http://www.sd-studio.it/news_web.php">>> Prodotti</a><a href="http://www.sd-studio.it/articoli_web.php">>> Articoli</a><a href="http://www.sd-studio.it/faq.php">>> Faq</a><a href="http://www.sd-studio.it/servizi.php">>> Web News </a><a href="http://www.sd-studio.it/cerca.php">>> Cerca</a><a href="http://www.sd-studio.it/link_siti.php">>> Links</a><a href="http://www.sd-studio.it/directory.php">>> Directory</a></li>
      </div>
      </div>
      </div>
      </div>
      </body>
      [/html]

      mentre il suo CSS è:

       body {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 80%;
          font-weight: bold;
          }    
          
      ul {
          list-style: none;
          margin: 0;
          padding: 0;
          }
      .glossymenu{
          list-style-type: none;
          padding: 0;
          width: 120px;
          margin-top: 0px;
          margin-right: 0;
          margin-bottom: 0px;
          margin-left: 0;
      }
      
      .glossymenu li a{
      background: white url(images/glossyback.gif) repeat-x bottom left;
      font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
      color: white;
      display: block;
      width: auto;
      padding: 3px 0;
      padding-left: 1px;
      text-decoration: none;
      
      }
      
      
      * html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
      width: 120px;
      }
      
      .glossymenu li a:visited, .glossymenu li a:active{
      color: white;
      }
      
      .glossymenu li a:hover{
      background-image: url(images/glossyback2.gif);
      }
      
      
      
      
      <![if !IE 6]>
      
      
      
      .shiftcontainer{
      position: relative;
      left: 2px; /*Number should match -left shadow depth below*/
      top: 2px; /*Number should match -top shadow depth below*/
      }
      
      .shadowcontainer{
      width: 120px; /* container width*/
      background-color: #d1cfd0;
      }
      
      .shadowcontainer .innerdiv{
      /* Add container height here if desired */
      background-color: white;
      border: 1px solid gray;
      position: relative;
      left: -3px; /*shadow depth*/
      top: -2px; /*shadow depth*/
      }
      
      </style>
      
      <![endif]>
      
      

      cosa c'è che non va?

      grazie

      ** Editato per mettere ordine al codice**

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • C
        claudioweb Super User • ultima modifica di

        Ciao 🙂

        Senza guadare il resto, è errata l'impostazione della lista.

        Ogni voce deve avere un suo tag <li> aperto e chiuso. Tutta la lista deve essere racchiusa tra <ul>.

        Vedi questo sito http://www.constile.org/template/menu_verticali/

        Ciao :ciauz:

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • D
          dario79 User • ultima modifica di

          @claudioweb said:

          Ciao 🙂

          Senza guadare il resto, è errata l'impostazione della lista.

          Ogni voce deve avere un suo tag <li> aperto e chiuso. Tutta la lista deve essere racchiusa tra <ul>.

          Vedi questo sito http://www.constile.org/template/menu_verticali/

          Ciao :ciauz:

          dal tuo link ho viste che l' <ul> è <ul class="menu1">

          nel mio caso quale class devo assegnare? <ul class="glossymenu">?

          grazie

          ps: salento? io son di ostuni 🙂

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • C
            claudioweb Super User • ultima modifica di

            Ora ho un po' di fretta, ma ad occhio e croce direi di si...

            @Dario79 said:

            ps: salento? io son di ostuni :-)Io son di Oria 🙂 (due settimane fa di sabato non mi hanno fatto entrare a Cafè Riccardo perchè pretendevano la prenotazione :p)

            Ciao :ciauz:

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • D
              dario79 User • ultima modifica di

              @claudioweb said:

              Ora ho un po' di fretta, ma ad occhio e croce direi di si...

              Io son di Oria 🙂 (due settimane fa di sabato non mi hanno fatto entrare a Cafè Riccardo perchè pretendevano la prenotazione :p)

              Ciao :ciauz:

              sono di ostuni da 27 anni e non ho mai messo piede in quel posto

              dovrei strapagare per sedermi su un gradino di pietra? 🙂

              hihihi cmq grazie stasera provo le modifiche al codice

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              Caricamento altri post
              Rispondi
              • Topic risposta
              Effettua l'accesso per rispondere
              • Da Vecchi a Nuovi
              • Da Nuovi a Vecchi
              • Più Voti