Visualizzazione dei risultati da 1 a 10 su 10
  1. #1

    Ombre laterali di un sito.

    Ciao ragazzi, vediamo se riesco a risolvere una volta per tutte questo problema, postand un foto "esplicita".



    Come potete vedere ci sono delle ombre laterali, ma siccome le sfondo del sito è a sfumare (dal celeste chiaro all'azzurro) non posso fare un semplice "repeat" verticale.
    Il colore di sfondo smette di "sfumare" e si "stabilizza" solo da un certo punto in poi.

    Come comportarmi con queste ombre?

    Non posso far parte dello sfondo del sito (che si ripete orizzontalmente) ma nemmeno della colonna (che si ripete verticalmente).

    Insomma, ditemi voi!

    Grazie!

  2. #2
    Ciao, potresti creare un div specifico per le ombre che contenga il div contenitore dei vari block elements. Quest'ultimo a sua volta conterrà tutto l'albero degli altri div. Al div che conterrà il contenitore assegni l'ombra in formato png a 24 bit con trasparenza e ne gestisci tale trasparenza sulla versione di IE6 utilizzando http://www.twinhelix.com/css/iepngfix/ infine come sai con il repeat-y ne gestisci l'estensione in verticale.
    It's often said that life is strange: oh yes, but compared to what ?

    io-me.info

  3. #3
    Originariamente inviato da jetpower
    Ciao, potresti creare un div specifico per le ombre che contenga il div contenitore dei vari block elements. Quest'ultimo a sua volta conterrà tutto l'albero degli altri div. Al div che conterrà il contenitore assegni l'ombra in formato png a 24 bit con trasparenza e ne gestisci tale trasparenza sulla versione di IE6 utilizzando http://www.twinhelix.com/css/iepngfix/ infine come sai con il repeat-y ne gestisci l'estensione in verticale.
    Grazie mille Jet!!!
    Io nemmeno sapevo che si potessero usare le trasparenze!
    Provo subito e ti dico!

    Grazie!

  4. #4
    Fatto, funziona perfettamente, grazie infinite, davvero!

    Questo problema me lo ritrovat spesso, ora so come risolverlo!

    Dato che ci sono...il "doppio" contenitore mi ha dato un problemino con lo sfondo del sito e il footer, vai qui per rendertene conto w w w . i v a n i s e v i c 8 2 . n e t s o n s . o r g
    (ovviamente senza gli spazie! )

    Sicuramente deriva dal fatto che devo gestire correttamente i parametri height ecc...

    Poi darmi una mano?

    Questo è il codice attuale:

    codice:
    #containerTotale{
    margin: 0px auto; 
    position: relative; 
    width:980px;
    text-align: left;
    padding: 0px 30px;
    position: relative; 
    background-image: url(/media/Ombrelaterali.png);
    background-position: center;
    background-repeat:repeat-y;
    height:100%;
    }
    
    #container{
    margin: 0px auto; 
    position: relative; 
    width:960px;
    text-align: left;
    padding: 0px 0px;
    position: relative; 
    background-image: url(/media/SfondoContent.jpg);
    background-position: center;
    background-repeat:repeat-y;
    height:100%;
    }
    
    body>#container{
    height: auto; 
    min-height: 100%
    }

  5. #5
    Ciao, penso che prima di capire il perchè del problema con il footer dovresti dare una pulitina al codice. Mi sembra poco chiaro ora capire cosa non funzioni.

    Per quanto riguarda la proprietà heigth, tuttavia, prova a dare un'occhiata qui: http://www.constile.org/tips/min-height/
    It's often said that life is strange: oh yes, but compared to what ?

    io-me.info

  6. #6
    Originariamente inviato da jetpower
    Ciao, penso che prima di capire il perchè del problema con il footer dovresti dare una pulitina al codice. Mi sembra poco chiaro ora capire cosa non funzioni.

    Per quanto riguarda la proprietà heigth, tuttavia, prova a dare un'occhiata qui: http://www.constile.org/tips/min-height/
    Ti ringrazio.
    La soluzione per il "problema del footer" l'avevo trovata seguendo la guida css di html.it, a questa pagina: http://css.html.it/guide/lezione/68/...-con-il-float/

    Il problema è che ora, avendo praticamente due sfondi sovrapposti, nn capisco bene in quali devo cancellare o correggere alcuni valori e in quali no....considerando che è necessario che entrambi seguano tutta la pagina fino al footer!

    Posso andare per tentativi ma non so se riesco...se ne frattempo qualcuno trova una soluzione da propormi gliene sarò grato!

  7. #7
    Al footer non applichi l'effetto ombra ?

    Hai provato con valori negativi in margin top al footer ?
    It's often said that life is strange: oh yes, but compared to what ?

    io-me.info

  8. #8
    No, perchè il footer che vedevi era provvisorio, quello che si sarà alla fine è questo:
    http://ivanisevic82.netsons.org/page...eminario-v.php
    come vedi li non c'è da applicare l'ombra.

    Grazie per il supporto!

  9. #9
    Prego, ti ripeto però: ci sono 26 errori nel codice: dovresti fissare questi prima di poter capire cosa non va nel footer.
    It's often said that life is strange: oh yes, but compared to what ?

    io-me.info

  10. #10
    Scusa la mia mancanza di perspicacia ma dici nel codice in generale o nella parte che ti ho iportato poco sopra?

    Se (come credo e spero! ) parlassi in generale, la revisione di tutto la farò alla fine (e cioè tra molto poco) ma dal momento che prima il footer funzionava a dovere mi chiedevo se ci fosse la possibilità di risolvere prima della revisione.

    Kmque evidentamente no, casomai torno qui dopo aver rivisto tutto il codice allora!

    Ciao e grazie ancora!

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.