Visualizzazione dei risultati da 1 a 4 su 4

Discussione: ombra su tabella

  1. #1
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875

    ombra su tabella

    vorrei mettere un'ombra esterna su una tabella, in che modo posso fare cio'?

    attualmente metto un contorno lineare cosi':

    .contorno_alto_lati {
    padding:0px;
    border-color: #0f1821;
    border-style: solid;
    border-width: 1px 1px 0px 1px;}

    pero' nella parte bassa vorrei mettere questa ombra o sfumatura che dir si voglia... e' possibile?

  2. #2
    Sei fortunato perché dovrebbe funzionare anche con Internet Explorer:

    Codice per tutti gli altri Browser:
    codice:
    	box-shadow: 10px 10px 20px #000;
    	-webkit-box-shadow: 10px 10px 20px #000;
    	-moz-box-shadow: 10px 10px 20px #000;
    Qui puoi impostare raggio e posizione... RAGGIO, POSIZIONE X, POSIZIONE Y.

    Codice per Internet Explorer < 8:
    codice:
    	filter: glow(color=#000000,strength=2);
    Codice per Internet Explorer > 7:
    codice:
    	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=2)";
    Qui puoi solo modificare la consistenza e il colore.
    CrystalSoft | Software House & Web Agency di WinRefine, Mercante in Fiera e altro...
    Annunci Zoo | Annunci gratuiti per il mondo degli Animali
    ElettroMercatino | Annunci a tema Informatico ed Elettronico

  3. #3
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875
    è uno spettacolo, grazie 10000000

  4. #4
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875
    piccolo problema, su explorer 8 non riesco a farlo funzionare.

    ho impostato tutto cosi':

    codice:
        .contorno_lati {
      padding:0px; 
      border-color: #0f1821;
      border-style: solid;
      box-shadow: 10px 10px 20px #000;
      -webkit-box-shadow: 10px 10px 20px #000;
      -moz-box-shadow: 10px 10px 20px #000;
      filter: glow(color=#000000,strength=2);
      border-width: 0px 1px 0px 1px;
      }
    ho anche aggiunto
    -ms-filter: "progidXImageTransform.Microsoft.Glow(color=#000000,stren gth=2)";

    ma lo stesso non va...

    cmq per firefox il risultato e' quello che cercavo

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.