Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218

    Galleria CSS - In Locale si, online no

    Ho preso una galleria CSS e l'ho leggermente modificata per adattarla al mio sito. In locale funziona perfettamente e carica le foto. Quando l'ho uppata invece non riesce a trovare le foto. I percorsi sono relativi quindi non capisco. Idee?

    CSS della galleria
    codice:
    /******************Galleria Foto***************************/
    .photo {padding:20px; /*background:#222;*/ width:486px; height:530px; text-align:left;}/*Contenitore Generale*/
    .photo h1 {font-size:14px; font-weight:normal; color:#fc0; margin:0 0 0 5px; padding:0;}
    .photo ul {list-style:none; padding:0; margin:0; width:218px; background:#333; /*Contenitore Miniature*/
    border:1px solid #666; position:relative;
    height:144px;}
    .photo ul li {display:inline; width:24px; height:24px; float:left; margin:6px;}
    .photo ul li a {display:block; width:24px; height:24px; cursor:default; text-decoration:none;}
    .photo ul li a b {display:none;}
    .photo ul li a img {display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc;}
    .photo ul li a:hover {white-space:normal;position:relative;}
    
    .photo ul li a.vert:hover img {position:absolute; left:-12px; top:-20px; width:48px; 
    height:64px; border-color:#fc0;}
    .photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; 
    height:48px; border-color:#fc0;}
    
    .photo ul li a:active, .photo ul li a:focus {
    position:static; 
    outline:0;
    }
    
    .photo ul li a:focus.vert img, .photo ul li a:active.vert img {
    position:absolute; 
    top:160px; 
    left:80;
    width:240px; 
    height:320px; 
    border:1px solid #fc0; 
    padding:5px 45px 5px 45px ;
    }
    .photo ul li a:focus.hor img, .photo ul li a:active.hor img {
    position:absolute; 
    top:160px; 
    left:80;
    width:320px; 
    height:240px; 
    border:1px solid #fc0; 
    padding:45px 5px 45px 5px ;
    }
    /*Contenitore Descrizione*/
    .photo ul li a:focus b, .photo ul li a:active b {
    display:block; 
    position:absolute; 
    width:204px; 
    height:131px; 
    border:1px solid #666; 
    left:226px; 
    top:0; 
    color:#ddd; 
    font-weight:normal; 
    padding:6px;
    }
    HTML della galleria
    codice:
    <div class="photo">
    <ul>[*][img]./Images/album/livehopaltrove/LiveHOPAltrove1.jpg[/img]Ga[*][img]./Images/album/livehopaltrove/LiveHOPAltrove2.jpg[/img]Intro concerto: Blues[*][img]./Images/album/livehopaltrove/LiveHOPAltrove3.jpg[/img]Pronti a partire[*][img]./Images/album/livehopaltrove/LiveHOPAltrove4.jpg[/img]Morena concentrata[*][img]./Images/album/livehopaltrove/LiveHOPAltrove5.jpg[/img]Ga e Mo[*][img]./Images/album/livehopaltrove/LiveHOPAltrove6.jpg[/img]Flowers on a table[*][img]./Images/album/livehopaltrove/LiveHOPAltrove7.jpg[/img]Luci rosse a illuminarci
    [*][img]./Images/album/livehopaltrove/LiveHOPAltrove8.jpg[/img]Concentrazione[*][img]./Images/album/livehopaltrove/LiveHOPAltrove9.jpg[/img]Bad Illusion[*][img]./Images/album/livehopaltrove/LiveHOPAltrove10.jpg[/img]Ga e Fe[*][img]./Images/album/livehopaltrove/LiveHOPAltrove11.jpg[/img]Mo primo piano[*][img]./Images/album/livehopaltrove/LiveHOPAltrove12.jpg[/img]Mo e Ga[*][img]./Images/album/livehopaltrove/LiveHOPAltrove13.jpg[/img]Marco Concentrato[*][img]./Images/album/livehopaltrove/LiveHOPAltrove14.jpg[/img]Fe[*][img]./Images/album/livehopaltrove/LiveHOPAltrove15.jpg[/img]Pausa tra un pezzo e l'altro[*][img]./Images/album/livehopaltrove/LiveHOPAltrove16.jpg[/img]Si ricomincia
    [*][img]./Images/album/livehopaltrove/LiveHOPAltrove17.jpg[/img]Fe e Ga[*][img]./Images/album/livehopaltrove/LiveHOPAltrove18.jpg[/img]Luciano ci riprende[*][img]./Images/album/livehopaltrove/LiveHOPAltrove19.jpg[/img]Marco a sinistra impegnato in un assolo[*][img]./Images/album/livehopaltrove/LiveHOPAltrove20.jpg[/img]Mo, Ga e Ivan[*][img]./Images/album/livehopaltrove/LiveHOPAltrove21.jpg[/img]La concentrazione di Marco[*][img]./Images/album/livehopaltrove/LiveHOPAltrove22.jpg[/img]Marco, Ga e Mo[*][img]./Images/album/livehopaltrove/LiveHOPAltrove23.jpg[/img]Ga[*][img]./Images/album/livehopaltrove/LiveHOPAltrove24.jpg[/img]Ga e Mo
    [/list]
    
    </div>

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    credo che il problema non sia imputabile al css...

    se in locale sviluppi su win i percorsi alle immagini sono case insensitive, ma se il tuo spazio web è su server linux, maiuscole e minuscole fanno differenza, quindi controlla che i nomi di file e cartelle siano esattamente uguali a come li hai scritti.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Uhm a me sembrano giusti ma cmq controllo. Il sito è su altervista. C'è scritto che server usano?

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Risolto... E' case sensitive, ma il problema era l'estensione... JPG tutto maiuscolo...

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 © 2026 vBulletin Solutions, Inc. All rights reserved.