Autore Topic: Creare una tabella con ombra sfumata  (Letto 1192 volte)

Offline GreenAngel

  • Appassionato
  • ***
  • Post: 330
  • GreenAngel (l'oasi verde nel web)
    • Mostra profilo
Creare una tabella con ombra sfumata
« il: 16 Giu 2014, 13:20:04 »
Salve, sono su J3.3.1 e vorrei creare una cosa, che dovrebbe essere semplicissima.
Come da titolo mi servirebbe avere una "tabella con ombra sfumata".

Codice css:
Codice: [Seleziona]
#MIA_TABELLA
{
    border: solid 2px #000000;
    width:100%;
    margin:0px;

    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius:5px;

    box-shadow: 7px 3px #10px #c7c7c7;
    moz-box-shadow: 7px 3px #10px #c7c7c7;
    webkit-box-shadow: 7px 3px #10px #c7c7c7;
   
    padding:2px;   
}

#MIA_TABELLA_TESTA
{
    background-color: #666;
    text-align:center;
    font-weight: bold;
    padding: 10px;
    vertical-align: top;
}


#MIA_TABELLA_CORPO
{
    background-color: #287373;
    text-align:center;
    padding: 10px;
    vertical-align: top;
}

#MIA_TABELLA_CORPO_IMPORTO
{
    background-color: #666;
    text-align:right;
    right:10px;
    padding: 10px;
    vertical-align: top;
}

#MIA_TABELLA_PIEDE
{
    background-color: #000;
    text-align:center;
    font-weight: bold;
    color:#FF0;
    padding: 10px;
    vertical-align: top;
}

#MIA_TABELLA_PIEDE_IMPORTO
{
    background-color: #000;
    text-align:right;
    font-weight: bold;
    color:#FF0;
    right:10px;
    padding: 10px;
    vertical-align: top;
}


Codice html:
Codice: [Seleziona]
<table id="MIA_TABELLA">
<tbody>
<tr>
<td colspan="2" id="MIA_TABELLA_TESTA" style="text-align: left;">I soci:</td>
</tr>
<tr>
<td id="MIA_TABELLA_CORPO" style="text-align: left; width: 50%;">Ing. Benedetto Caffarelli</td>
<td id="MIA_TABELLA_CORPO" style="text-align: left; width: 50%;">Laurea in Ingegneria Civile Idraulica</td>
</tr>
<tr>
<td id="MIA_TABELLA_CORPO" style="text-align: left; width: 50%;">Ing. Gaetano Caffarelli</td>
<td id="MIA_TABELLA_CORPO" style="text-align: left; width: 50%;">Laurea in Ingegneria Civile Idraulica</td>
</tr>
<tr>
<td id="MIA_TABELLA_CORPO" style="text-align: left; width: 50%;">Dott. Camillo Caffarelli</td>
<td id="MIA_TABELLA_CORPO" style="text-align: left; width: 50%;">Laurea in Economia e Commercio</td>
</tr>
</tbody>
</table>

Allego screenshot per farvi vedere cosa esce...senza ombra  :-\

Aggiungo link della pagina in questione, magari vi viene pił facile...
http://www.sopes.biz/it/chi-siamo/cariche-sociali.html

Grazie in anticipo.

[allegato eliminato automaticamente dopo un anno]
« Ultima modifica: 16 Giu 2014, 13:22:28 da GreenAngel »
GreenAngel (l'oasi verde nel web) http://www.greenangel.it

mau_develop

  • Visitatore
Re:Creare una tabella con ombra sfumata
« Risposta #1 il: 16 Giu 2014, 13:39:31 »

Offline GreenAngel

  • Appassionato
  • ***
  • Post: 330
  • GreenAngel (l'oasi verde nel web)
    • Mostra profilo
Re:Creare una tabella con ombra sfumata
« Risposta #2 il: 16 Giu 2014, 13:52:49 »
...si l'avevo gią letto...avevo gią provato a cercare prima di postare, ma in quel topic si parla di div, a me serve solo sulla tabella pura e semplice...  :-\
GreenAngel (l'oasi verde nel web) http://www.greenangel.it

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21465
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Creare una tabella con ombra sfumata
« Risposta #3 il: 16 Giu 2014, 21:15:58 »
...si l'avevo gią letto...avevo gią provato a cercare prima di postare, ma in quel topic si parla di div, a me serve solo sulla tabella pura e semplice...  :-\

puoi applicarlo anche ad una tabella, che sia un div o un td o un tr, sempre di contenitori si tratta ;)
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

 

Host

Torna su