Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2009
    Messaggi
    10

    Assegnare css solo ad una table

    Salve,

    Ho un problema che penso sia banale ma non so risolverlo...

    nella mia pagina html ho 2 table id='tbl1' id='tbl2', una la vorrei formattata con il seguente style css l'altra no

    Mi potete aiutare ?

    Marco


    <style>
    table {
    border-collapse: collapse;
    border: 1px solid #03476F;
    font: normal 11px verdana, arial, helvetica, sans-serif;
    color: #FFFFFF;
    background: #92C428;
    width: 100%;
    }
    caption {
    text-align: center;
    font: bold 18px arial, helvetica, sans-serif;
    background: transparent;
    padding:6px 4px 8px 0px;
    color: #03476F;
    text-transform: uppercase;
    }
    td th {
    border: 1px dotted #03476F;
    padding: .4em;
    color: #363636;
    }

    thead th, tfoot th {
    font: bold 11px verdana, arial, helvetica, sans-serif;
    border: 1px solid #03476F;;
    background: #4591AD;
    color: #FFFFFF;
    padding-top:3px;
    }
    tbody td a {
    background: transparent;
    text-decoration: none;
    color: #363636;
    }
    tbody td a:hover {
    background: #C2F64D;
    color: #363636;
    }
    tbody th a {
    font: normal 11px verdana, arial, helvetica, sans-serif;
    background: transparent;
    text-decoration: none;
    font-weight:normal;
    color: #363636;
    }
    tbody th a:hover {
    background: transparent;
    color: #363636;
    }
    tbody th, tbody td {
    font: bold 11px verdana, arial, helvetica, sans-serif;
    border: 1px solid #03476F;;
    text-align: center;
    color: #FFFFFF;
    padding-top:3px;
    }
    tfoot td {
    font: bold 11px verdana, arial, helvetica, sans-serif;
    border: 1px solid #03476F;
    background: #4591AD;
    padding-top:3px;
    color: #FFFFFF;
    }
    .odd {
    background: #AEE239;
    }
    tbody tr:hover {
    background: #FFD800;
    border: 1px solid #03476F;
    color: #224499;
    }
    tbody tr:hover th,
    tbody tr.odd:hover th {
    background: #FFD800;
    color: #224499;
    }

    </style>

  2. #2
    Utente di HTML.it L'avatar di moonba
    Registrato dal
    Jun 2007
    Messaggi
    649
    [code]
    id='tbl1'
    table#tbl1{
    /*tutti gli stili che vuoi*/

    }

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2009
    Messaggi
    10
    e per questi composti ?


    tbody tr:hover th, tbody tr.odd:hover th {
    background: #FFD800;
    color: #224499;
    }

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2009
    Messaggi
    10
    o ancora meglio :
    se avessi molte tabelle e le volessi tutte formattate come sopra tranne una ?

  5. #5
    Utente di HTML.it L'avatar di moonba
    Registrato dal
    Jun 2007
    Messaggi
    649
    per tutte definisci una classe e attraverso questa definisci gli stili che vuoi applicarvi.
    per quella unica e sola definisci un id come nell'esempio sopra e gli dai gli stili vari che vuoi.

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 © 2021 vBulletin Solutions, Inc. All rights reserved.