• User Attivo

    Ciao dreamtheater1984 e benvenuto nel GT Forum,

    io ho utilizzato tale effetto in uno dei miei siti (non in firma) e per posizionare successivi div non ho fatto altro che inserirli dentro il div denominato "cont", che deve essere già presente.

    :ciauz:


  • User Newbie

    Scusami ma non ho capito un cavolo, sono quasi alle prime armi, comunque ho messo online quello che ho fatto. Non mi si vede il div slidshow, non posto il codice tanto credo tu lo veda ugualmente.

    [..]


  • User Attivo

    Ciao,

    è meglio che posti il codice invece del link, in base al nostro regolamento.

    Comunque, tornando al tuo problema, penso che il codice che devi usare sia

    [html]<div id="cont">

    <div id="slideshow">scrivi qualcosa qui</div>

    <div id="bg"><div><table cellpadding="0" cellspacing="0"><tr><td><img alt="" src="sabbia.jpg" /></td></tr></table></div></div>

    </div>[/html]cioè lo sfondo deve stare per ultimo e deve esserci il div "cont".

    Prova.


  • User Newbie

    Uffa ho provato ma non va, nell' index.html ho questo

    [html]
    <div id="cont">

    <div id="slideshow">scrivi qualcosa qui</div>

    <div id="bg"><div><table cellpadding="0" cellspacing="0"><tr><td><img alt="" src="sabbia.jpg" /></td></tr></table></div></div>
    [/html]

    mentre nel foglio di stile questo

    [html]@charset "UTF-8";
    /* CSS Document */
    *{border:0px solid #eee;margin:0;padding:0;list-style:none}
    html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
    body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background:url(loading.gif);color:#000}
    img{display:block}

    #bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
    td{vertical-align:middle;text-align:center}
    img{min-height:50%;min-width:50%;margin:0 auto}

    #slideshow {
    position: absolute;
    height: 282px;
    width: 772 px;
    background-image:url(images/slideshow.png);
    }
    #cont{
    height:auto;
    width:auto;
    }[/html]

    Il file aggiornato è sempre al link di sopra.


  • User Attivo

    Ciao,

    perchè nel foglio di stile hai ridefinito il div "cont" visto che è definito alla quarta riga dello stesso? Elimina quella ridefinizione in fondo al foglio di stile.

    olaola


  • User Newbie

    Si vero, non avevo visto (che scemo) adesso ho cancellato il mio div cont ma continua ugualmente a non andare, ma sono così duro?
    Ho riapplodato il file modificato al solito indirizzo.


  • User Attivo

    Prima di tutto devo ricordarti le regole del forum che raccomandano di scrivere i messaggi in italiano corretto, compresa la punteggiatura e le maiuscole.

    Per quanto riguarda il tuo problema, per fugare ogni dubbio, ti consiglio di eliminare tutti gli attributi del div "slideshow" per vedere se in quel modo funziona.

    ciao


  • User Newbie

    Ciao, ho eliminato tutti gli attributi ma continua a stare sotto 😞


  • User Attivo

    Forse in una riposta precedente ho commesso un errore io.

    Il codice del css deve essere cosi'

    [html]*{border:0px solid #eee;margin:0;padding:0;list-style:none}
    html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
    body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background:url(loading.gif);color:#000;text-align:center;}
    img{display:block}

    #bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
    td{vertical-align:middle;text-align:center}
    img{min-height:50%;min-width:50%;margin:0 auto}
    #cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}[/html].

    Deve funzionare!!!


  • User Newbie

    Ok mo funziona 🙂
    Evvai!!! Puoi vedere il risultato al solito link. Ti ringrazio per la pazienza.