Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    formattazione di una tabella

    Salve. ho questo problema.
    Vorrei poter colorare una tabella secondo determinate esigenze.
    ho trovato questo css:
    .tabellaverde {
    background: #228B22;
    color: #000;
    margin-left: 30px;
    }
    .tabellaverde caption {
    background: #fff;
    color: #000;
    font-size: 1.2em;
    margin: 0 auto;
    font-weight: bold;
    color: Green;
    }
    .tabellaverde td {
    background: #DDFFAC;
    color: #000;
    padding-left: 5px;
    }
    .tabellaverde tr.colorata td {
    background: #3CB371;
    color: #000;
    }
    .tabellaverde th {
    background: #C2C2C2;
    color: #000;
    padding-left: 5px;
    }


    Nella pagina htm lo richiamo in questo modo:
    <table class="la_verde">
    <tr class="colorata">
    <td></td>
    <td>Prodotto </td>
    <td>Q.t&agrave; ord </td>
    </tr>
    <tr>
    <td>1 </td>
    <td>Chai </td>
    <td>25 </td>
    </tr>
    </table>


    Fin qui va tutto bene. La prima riga della tabella è verde scuro le altre sono verde più chiaro.
    Mi nasce il problema se voglio colorare una cella o una serie di celle in modo diverso.
    Ho provato in vari modi ma non riesco ad ottenere quel che voglio.
    Ultimo tentativo è stato questo:

    .tabellaverde td.verde {
    background: #6B8E23;
    color: #000;
    }


    da richiamare con:
    <tr>
    <td>1 </td>
    <td>Chai </td>
    <td class="verde">25 </td>
    </tr>


    ma senza alcun risultato.
    Ci sarebbe qualcuno che potrebbe darmi una mano?

    Vi ringrazio in anticipo

    Mike

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    potrebbe essere un problema di specificità di regole: prova con

    .tabellaverde tr.colorata td.verde {
    background: #6B8E23;
    color: #000;
    }
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Ciao fcaldera,
    Debbo chiedere umilmente perdono
    Dopo la tua, tra l'altro celerissima risposta, ho messo in atto il suggerimento. Tuttavia non riuscivo ad ottenere il risultato sperato.
    Quando per vedere dove fosse l'inghippo ho testato il tutto in una nuova pagina con dei copia ed incolla. Solo allora mi sono accorti del casino combinato. Alla tabella avevo assegnato un'altra classe: invece di scrivere <table class="tabellaverde "> avevo erroneamente scritto table class="la_verde" come si può anche vedere dal mio precedente post scritto col solito copia ed incolla.

    Chiedo scusa per il disturbo inutile che ho arrecato.

    Mike

  4. #4
    PS
    Per la cronaca il codice css andava bene quello con cui stavo provando:
    .tabellaverde td.verde {
    background: #44B23C;
    color: #000;
    }

    e non me lo prendeva per via della classe differente attribuita alla tabella.



    Di nuovo scusa

    Mike

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.