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

    Cambiare font a righe pari usando i css

    Ho trovato su un libro un modo x dare determinate caratteristiche alle righe pari di una tabella ma non funziona con IE7, questo è il codice :

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Materie</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    table.pari:row-even{font-size:30pt}
    tr.laboratorio{color:rgb(0,255,0)}
    tr.scienza{font-weight: bold}

    </style>
    </head>

    <body>

    <table class="pari">
    <tr>
    <td>Materie</td><td>Nomi docenti</td><td>ore</td>
    </tr>
    <tr class="laboratorio">
    <td><u>Gestione Servizi Telematici</u> </td>
    <td>Nativi</td><td>8</td>
    </tr>
    <tr>
    <td> Economia </td><td>Ricci</td><td>8</td>
    </tr>
    <tr class="scienza">
    <td> Calcolo </td><td>Morini</td><td>6</td>
    </tr>
    </table>
    </body>
    </html>

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Anzitutto faccio presente che si potra` (in un futuro non troppo lontano) usare i soli CSS:
    CSS3 Please!
    I selettori di attributo nei CSS3
    Codice piu` pulito con i CSS3


    Comunque il CSS che hai postato presuppone che ci sia una classe "pari" sulle righe che vuoi diverse:
    codice:
    <table>
      <tr>
        <td>Materie</td>
        <td>Nomi docenti</td>
        <td>ore</td>
      </tr>
      <tr class="laboratorio pari">
        <td>Gestione Servizi Telematici</td>
        <td>Nativi</td>
        <td>8</td>
      </tr>
      <tr>
        <td> Economia </td>
        <td>Ricci</td>
        <td>8</td>
      </tr>
      <tr class="scienza pari">
        <td> Calcolo </td>
        <td>Morini</td>
        <td>6</td>
      </tr>
      <tr>
        <td> altra riga dispari </td>
        <td>Ricci</td>
        <td>8</td>
      </tr>
      <tr class="pari">
        <td>altra riga pari</td>
        <td>Ricci</td>
        <td>8</td>
      </tr>
    </table>
    Nota che ho eliminato i tag deprecati ed ho formattato in maniera umana (utilizzando anche i tag VB per mantenere la formattazione nel forum)


    Comunque di solito si formattano i <td>, dato che i <tr> sono completamente nascosti dai vari <td> che li compongono.
    Pertanto il CSS dovrebbe diventare:
    codice:
    table {
      font-size: 24px;
    }
    table .pari {                       /* nota lo spazio tra table e il punto: la classe e` contenuta in table, non e` attribuita a table */
      font-size:30px;
    }
    tr.laboratorio td {
      color:rgb(0,255,0);
    }
    tr.laboratorio td:first-child {  /* questo per sostituire il tuo tag deprecato - se deve funzionare in tuttii browser devi pero` usare una classe */
      text-decoration: underline;
    }
    tr.scienza td {
      font-weight: bold;
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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