Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2011
    Messaggi
    87

    Ombre a destra e sinistra del content

    Salve come da titolo vorrei creare un effetto ombra sul lato destro e sinistro del contenuto principale del mio sito, come in questo esempio http://blog.html.it/

    questa la pagina html:

    Codice PHP:
    <body>
    <
    div id="content">
      <
    div id="header"></div>
      <
    div id="zona_sinistra"></div>
      <
    div id="zona_destro"></div>
      <
    div id="zona_sotto"></div>
    </
    div
    questo è il css

    Codice PHP:
    body{
        
    background-color#d8d7d5;
    }
    #content {
        
    width980px;
        
    margin0 auto;
        
    background-color#FFFFFF;
    }
    #header {
        
    background-color#1d1209;
        
    height60px;
    }
    #zona_sinistra {
        
    text-alignjustify;
        
    float:left;
        
    width480px;
        
    height:590px;
    }
    #zona_destra {    
        
    float:left;
        
    width500px;
        
    height:590px;
    }
    #zona_sotto {
        
    clear:left;
        
    height:20px;
        
    background-color#1d1209;

    aiutatemi proprio non mi viene come fare, il problema è che ad ogni modifica che faccio poi mi succede che il sito non mi viene piu centrato.

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2011
    Messaggi
    87
    up

  3. #3
    Utente di HTML.it L'avatar di marty89
    Registrato dal
    Apr 2011
    Messaggi
    107
    Ciao, prova, per esempio, a dare al contenitore a cui vuoi attribuire l'ombra questa proprietà:
    codice:
    box-shadow: -5px 0px 3px #444, 5px 0px 3px #444;
    Nota però che è supportato solo per versioni di Internet Explorer dalla 9, di Firefox dalla 4 e Chrome dalla 10. Se vuoi ottenere lo stesso effetto anche per le versioni precedenti potresti provare con -moz e -webkit, invece, per quanto riguarda versioni precedenti di Internet Explorer, la questione sarebbe un po' più complessa da gestire.
    Spero di esserti stata di aiuto.

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