Joomla.it Forum

Joomla! 3 => Joomla! 3 => : GreenAngel 16 Jun 2014, 13:20:04

: Creare una tabella con ombra sfumata
: GreenAngel 16 Jun 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:

:

#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:

:

<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 (http://www.sopes.biz/it/chi-siamo/cariche-sociali.html)

Grazie in anticipo.

[allegato eliminato automaticamente dopo un anno]

: Re:Creare una tabella con ombra sfumata
: mau_develop 16 Jun 2014, 13:39:31

http://forum.joomla.it/index.php/topic,242303.0.html
Prova a vedere se ti aiuta

: Re:Creare una tabella con ombra sfumata
: GreenAngel 16 Jun 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...  :-\

: Re:Creare una tabella con ombra sfumata
: giusebos 16 Jun 2014, 21:15:58

: GreenAngel  16 Jun 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...  :-\

puoi applicarlo anche ad una tabella, che sia un div o un td o un tr, sempre di contenitori si tratta ;)