+ Rispondi alla Discussione
Risultati da 1 a 11 di 11

Effetto ombra ai bordi

Ultimo Messaggio di Laburno il:
  1. #1
    Banned L'avatar di pchs
    Data Registrazione
    Jul 2006
    Messaggi
    321

    Effetto ombra ai bordi

    Chi mi sa aiutare a dare un effetto ombra ai bordi di un div? Precisamente il div container del mio sito è largo 760px e vorrei che ai suoi lati vi sia un bordo con ombra per dare un maggior impatto grafico della pagina.



    P.S. Ma secondo voi ho fatto bene ad utilizzare un layout fisso di 760px? A quanto pare sono pochissimi i siti ad utilizzarlo... Non vorrei pentirmene...

  2. #2
    Esperto L'avatar di Laburno
    Data Registrazione
    Sep 2006
    Località
    Lvcca
    Messaggi
    804
    Citazione Originariamente Scritto da pchs
    Chi mi sa aiutare a dare un effetto ombra ai bordi di un div? Precisamente il div container del mio sito è largo 760px e vorrei che ai suoi lati vi sia un bordo con ombra per dare un maggior impatto grafico della pagina.



    P.S. Ma secondo voi ho fatto bene ad utilizzare un layout fisso di 760px? A quanto pare sono pochissimi i siti ad utilizzarlo... Non vorrei pentirmene...
    Il div ha margin 0 rispetto all'inzio e alla fine della pagina (è attaccato in cima e in fondo?)

    760px era lo standard per risoluzioni a 800x600. Secondo me non hai fatto male, anche se ero lo standard sta diventando 1024x768 (e quindi 960px), è questione un pò di target e un pò di gusti

  3. #3
    Banned L'avatar di pchs
    Data Registrazione
    Jul 2006
    Messaggi
    321
    Il div ha un margin auto. Per semplificarti la vita ti posto il codice del mio container:

    Codice:
    div#container{
        width: 760px;
        height: 800px; 
        margin: auto;
        background-color:#FFFFFF;
        border: 1px solid;
    }
    Avevo pensato di mettere come dici tu 960px e tutt'ora sono indeciso. Devo ammettere che un 960px sarebbe più comodo e più bello da vedere, ma poi tutti quelli che avranno risoluzione 800x600 faranno fatica a vedere correttamente il sito.....

    uhm.....

  4. #4
    Esperto L'avatar di Laburno
    Data Registrazione
    Sep 2006
    Località
    Lvcca
    Messaggi
    804
    Citazione Originariamente Scritto da pchs
    Il div ha un margin auto. Per semplificarti la vita ti posto il codice del mio container:

    Codice:
    div#container{
        width: 760px;
        height: 800px; 
        margin: auto;
        background-color:#FFFFFF;
        border: 1px solid;
    }
    Avevo pensato di mettere come dici tu 960px e tutt'ora sono indeciso. Devo ammettere che un 960px sarebbe più comodo e più bello da vedere, ma poi tutti quelli che avranno risoluzione 800x600 faranno fatica a vedere correttamente il sito.....

    uhm.....
    Mi interessava sapere se aveva altezza 100% o no... mi ero spiegato male
    Hai altezza 800px, quindi dovresti usare una tecnica per bordi e angoli personalizzati:
    http://alistapart.com/articles/customcorners/


  5. #5
    Esperto L'avatar di Laburno
    Data Registrazione
    Sep 2006
    Località
    Lvcca
    Messaggi
    804
    Citazione Originariamente Scritto da pchs
    Avevo pensato di mettere come dici tu 960px e tutt'ora sono indeciso. Devo ammettere che un 960px sarebbe più comodo e più bello da vedere, ma poi tutti quelli che avranno risoluzione 800x600 faranno fatica a vedere correttamente il sito.....

    uhm.....
    Dovresti valutare la scelta in base alle tue statistiche e vedere quanti visitatori hanno una risoluzione di 800x600.

    Per me, se sono sotto il 10%-15% dei visitatori totali, allora forse ti conviene impostare tutto a 1024x768.


  6. #6
    Banned L'avatar di pchs
    Data Registrazione
    Jul 2006
    Messaggi
    321
    A quanto vedo dalle statistiche del mese di dicembre solo il 4,4% dei visitatori utilizza una risoluzione 800x600... quindi seguendo il tuo consiglio imposterò il width a 960px.

    Grazie per i suggerimenti

  7. #7
    Esperto L'avatar di Laburno
    Data Registrazione
    Sep 2006
    Località
    Lvcca
    Messaggi
    804
    Citazione Originariamente Scritto da pchs
    A quanto vedo dalle statistiche del mese di dicembre solo il 4,4% dei visitatori utilizza una risoluzione 800x600... quindi seguendo il tuo consiglio imposterò il width a 960px.

    Grazie per i suggerimenti
    Di nulla

  8. #8
    Banned L'avatar di pchs
    Data Registrazione
    Jul 2006
    Messaggi
    321
    Eccomi qui a richiederti aiuto. Vorrei che il mio sito sia contenuto in questa immagine.... ho visto vari modi con css, ma non riesco ad applicare la tecnica col mio style.css

    Siccome tu hai visto il container (poso sopra)... sapresti dirmi come far si che questa immagine diventi il mio container?


  9. #9
    Esperto L'avatar di Laburno
    Data Registrazione
    Sep 2006
    Località
    Lvcca
    Messaggi
    804
    Sta tutto scritto nell'articolo che ti ho linkato.

    Il trucco consiste nel sovrapporre delle div e degli h2 con diverse immagini per sfondo, la cui unione risulti un box con quei bordi.

    Per prima cosa devi tagliare l'immagine come è scritto qui:
    http://alistapart.com/d/customcorners/step1.1.html

    Poi cerca di seguire le istruzioni, se c'è qualche punto che non hai chiaro postalo che vediamo di risolverlo.


  10. #10
    Non iscritto L'avatar di Paola_mi
    Data Registrazione
    Mar 2006
    Località
    Cinisello Balsamo
    Messaggi
    1,263
    Secondo me è sempre meglio impostare le dimensioni in percentuale, in questo modo ognuno vedrà bene il sito, a qualsiasi risoluzione.

  11. #11
    Esperto L'avatar di Laburno
    Data Registrazione
    Sep 2006
    Località
    Lvcca
    Messaggi
    804
    Citazione Originariamente Scritto da Paola_mi
    Secondo me è sempre meglio impostare le dimensioni in percentuale, in questo modo ognuno vedrà bene il sito, a qualsiasi risoluzione.
    Ci sono un sacco di vantaggi ad avere un layout fisso: non ultimo l'esatto controllo sulle dimensioni delle tue div/colonne.

+ Rispondi alla Discussione

Tag per Questa Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.