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. lightbox e IE
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • A
      arnien Super User • 22 ott 2007, 17:26 ultima modifica di

      lightbox e IE

      Domanda? Ho creato unna galleria d'immagini con lightbox. Con FF va alla grande con IE mi sono sparite tutte le immagini! Ma è possibile? Mi sono capitate tante cose strane con IE ma questa mai! :arrabbiato:

      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
         

      • L
        laburno User Attivo • 22 ott 2007, 18:34 ultima modifica di

        Ciao arnien, hai controlalto bene i path delle immagini?
        Messa così non è un problema di CSS.

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • A
          arnien Super User • 22 ott 2007, 19:28 ultima modifica di

          Si che ho controllato. :arrabbiato: A chi mi devo rivolgere secondo te?

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • M
            misterwo User Attivo • 23 ott 2007, 07:53 ultima modifica di

            io lightbox lo uso ma nn mi crea problemi con IE...ci puoi postare del codice? è strano...li x li sembra che nn trovi le img...

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • L
              laburno User Attivo • 23 ott 2007, 14:21 ultima modifica di

              Vediamo se misterwo riesce ad aiutarti 🙂
              Nel caso contrario ti sposto in Scripting.

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • A
                arnien Super User • 23 ott 2007, 16:46 ultima modifica di

                Ok. Questa e la parte di xhtml:

                <div id="immagini">
                <h2>Benvenuti nel Blackbookbybe.com!</h2>
                <p>IMPAGINAZIONI</p>
                <ul>
                <li><a href="css/img/impa1a.jpg" rel="lightbox"><img src="css/img/impa1.jpg"/></a></li>
                <li><a href="css/img/impa2a.jpg" rel="lightbox"><img src="css/img/impa2.jpg"/></a></li>
                <li><a href="css/img/impa3a.jpg" rel="lightbox"><img src="css/img/impa3.jpg"/></a></li>
                <li><a href="css/img/impa4a.jpg" rel="lightbox"><img src="css/img/impa4.jpg"/></a></li>
                <li><a href="css/img/impa5a.jpg" rel="lightbox"><img src="css/img/impa5.jpg"/></a></li>
                <li><a href="css/img/impa6a.jpg" rel="lightbox"><img src="css/img/impa6.jpg"/></a></li>
                <li><a href="css/img/impa7a.jpg" rel="lightbox"><img src="css/img/impa7.jpg"/></a></li>
                </ul>
                </div>

                Non mi sembra niente di irregolare...

                E questa e la parte di css:

                /intestazioni immagini/
                #immagini{
                background: #E9EAE2;
                float:left;
                margin:0;
                padding:19px 0 0 10px;
                width:470px;
                height:480px;
                overflow:auto
                }

                text-align:left;
                font-size:12px;
                float:left;
                height:20px;
                width:400px;
                margin:0;
                padding:10px 0 0 10px;
                }

                margin:0;
                padding:0;
                list-style:none;
                position:relative;
                }

                display:inline;
                margin: 0;
                padding:0;
                }

                margin:0;
                padding:0 0 0 7px;
                }

                border:1px solid #CCCCCC;
                }

                border:1px solid #800080;
                }

                Serve altro? :mmm:

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • M
                  misterwo User Attivo • 23 ott 2007, 16:58 ultima modifica di

                  <style type="text/css" media="screen">
                  <!--
                  @import url(css/miocss.css);
                  @import url(css/slimbox.css);
                  -->
                  </style>

                  io carico un css oltre al mio..di nome slimbox che ti riporto:

                   
                  /* SLIMBOX */
                  #lbOverlay {
                   position: absolute;
                   left: 0;
                   width: 100%;
                   background-color: #000;
                   cursor: pointer;
                   z-index:100;
                  }
                  #lbCenter, #lbBottomContainer {
                   position: absolute;
                   left: 50%;
                   overflow: hidden;
                   background-color: #fff;
                   z-index:200;
                  }
                  .lbLoading {
                   background: url(../img/slimbox/loading.gif) no-repeat center;
                  }
                  #lbImage {
                   border: 10px solid;
                  }
                  #lbPrevLink, #lbNextLink {
                   display: block;
                   position: absolute;
                   top: 0;
                   width: 50%;
                   outline: none;
                   z-index:3;
                  } {
                   left: 0;
                  }:hover {
                   background: transparent url(../img/slimbox/prevlabel.gif) no-repeat 0% 15%;
                  } {
                   right: 0;
                  }:hover {
                   background: transparent url(../img/slimbox/nextlabel.gif) no-repeat 100% 15%;
                  }
                  #lbBottom {
                   font-family: Verdana, Helvetica, sans-serif;
                   font-size: 1.2em;
                   color: #666;
                   line-height: 1.4em;
                   text-align: left;
                   border: 10px solid;
                   border-top-style: none;
                  }
                  #lbCloseLink {
                   display: block;
                   float: right;
                   width: 66px;
                   height: 22px;
                   background: transparent url(../img/slimbox/closelabel.gif) no-repeat center;
                   margin: 5px 0;
                  }
                  #lbNumber {
                   margin-right: 71px; font-size:10px;
                  }
                  #lbCaption {
                   font-weight: bold; margin-right: 71px; font-size:16px
                  }
                  
                  

                  poi inserisco due js...

                  <script src="js/mootools.js" type="text/javascript"></script>
                  <script src="js/slimbox.js" type="text/javascript"></script>

                  il primo diciamo che è "il motore" ed il secondo è quello che da l'effetto scuro alla pagina...se ti servono fammelo sapere che te li giro via mail...
                  con questo modo va IE6/IE7/FF...

                  poi nella pagina metto

                  <a href="img/immaginegrande.jpg" rel="lightbox[scale]" title="Titolo che compare nel lightbox"><img src="img/miniatura.jpg" alt="Stesso titolo del link" border="0" /></a>

                  se vai nella sezione "presentaci un sito", guarda i miei e vedi i lightbox...fammi sapere ok?

                  :yuppi:sciaooooooooooo

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • A
                    arnien Super User • 23 ott 2007, 17:04 ultima modifica di

                    Aspetta, aspetta. tu praticamente stai parlando con analfabeta. Queste "cose" le devo aggiungere al codice o lo devo sostituire. Scusa ma veramente il cinese mi viene meglio. 😢

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • M
                      misterwo User Attivo • 23 ott 2007, 17:43 ultima modifica di

                      lo slimbox è un css a parte, dove devi settare dove si trovano le img (quelle che indicano il chiudi, prossima img o precendete) -> "../img/slimbox/prevlabel.gif" <- questo è il percorso ma tu qui ci metti il tuo...

                      poi credo che tu al tuo sito debba solo aggiungere i due js...
                      fin qua ci siamo?

                      mi disp ma il cinese nn lo conosco... 😛 so qualcosina di swahiili...

                      0 Miglior Risposta Ringrazia Cita Rispondi

                        1 Risposta Ultima Risposta
                      • A
                        arnien Super User • 23 ott 2007, 17:53 ultima modifica di

                        Ok. Adesso ho capito. Grazie mille sei gentilissimo. :perfavore:

                        Swahiili no ma il polacco alla grande! 😉 Grazie ancora.

                        0 Miglior Risposta Ringrazia Cita Rispondi

                          1 Risposta Ultima Risposta
                        • M
                          misterwo User Attivo • 24 ott 2007, 11:30 ultima modifica di

                          risolto? funzia?

                          0 Miglior Risposta Ringrazia Cita Rispondi

                            1 Risposta Ultima Risposta
                          • A
                            arnien Super User • 24 ott 2007, 19:16 ultima modifica di

                            Per il sovracarico di lavoro non mi sono ancora avicinata a lightbox, forze domani. Comunque ti farò sapere. 😉

                            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