Visualizzazione dei risultati da 1 a 7 su 7

Discussione: effetto ombra

  1. #1
    Utente di HTML.it L'avatar di remixe
    Registrato dal
    Aug 2004
    Messaggi
    645

    effetto ombra

    Ciao, ho visto un paio di siti completamente con css che mi sono piaciuti moltissimo.
    In modo particolare alcuni effetti ombra che sono stati creati: sapreste dirmi come si fanno a riprodurre
    con i css?...sono immagini oppure vengono creati diversamente?
    Quì sotto, vi linko glu url:

    www.visuale.com.au/interactive_apps.php

    http://www.design-css.com/index.php?...urces-cssxhtml


    fatemi sapere

    Ciao
    nessuno

  2. #2
    ciao

    le ombre sono immagini che si riproducono in verticale.

    (in ff vai con il mouse su un'ombra, right click -> view backgorund image -> ecco l'immagine)

  3. #3
    Utente di HTML.it L'avatar di remixe
    Registrato dal
    Aug 2004
    Messaggi
    645

    ....

    OK Grazie Gapib87
    nessuno

  4. #4

  5. #5
    Utente di HTML.it L'avatar di paw
    Registrato dal
    Dec 2002
    Messaggi
    336
    ciao

    ho provato ad usare il tuo esempio ma su ie non mi funziona

    la pagina di test è :

    http://www.comad.it/new/lavorazioni-...rena-ombra.htm

    nel css ho messo :

    #shadow {
    width: 117px;
    margin: 2em auto;
    background: #EAEAEA;
    text-align:left;
    padding:0;
    }

    /*\*/
    * html body #box {
    width /*\*/: 117px;}
    /**/

    #box {
    position: relative;
    top: -4px;
    left: -4px;
    background: #f2f2f2;
    border: 0;
    margin: 0;
    }


    la pagina che poi vorrei ottenere è questa

    http://www.comad.it/new/lavorazioni-pietra-serena.htm

    dove al momento ho usato un altro metodo di ombra ma che comunque non funziona su ie

    puoi darmi qualche consiglio ?

  6. #6
    ciao e scusa per il ritardo
    su IE6 la pagina è completamente sfasata, ed il posizionamento degli elementi è completamente diverso. ci devono essere altri problemi oltre a quello. cmq, un buon metodo in generale è quello di dare una 'width' a #box. tieni presente che l'hack che ti ho dato serve per IE5. per IE6 vale la regola del commento condizionale.

    codice:
    <head>
    <!--[if gt IE 5.5]>
    <style type="text/css">
    ...
    </style>
    <![endif]-->
    </head>
    ci vediamo domani mattina. ciao

  7. #7
    Utente di HTML.it L'avatar di paw
    Registrato dal
    Dec 2002
    Messaggi
    336
    ciao

    ho provato anche con la width e l'hack per IE6 ma non si risolve

    probabilmente devo prima risolvere qualche problema a monte

    mi rileggo un po' di manuale di css e ti faccio sapere

    grazie

    Antonella

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.