Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    708

    Formattazione di una "sola" tabella

    Ciao

    ho inserito in una pagina una tabella che visualizza dei dati da un db. Vorrei formattare questa pagina con uno degli esempi di questa guida:

    http://css.html.it/articoli/leggi/25...lle-con-i-css/

    in particolare mi vorrei copiare l'effetto del passaggio del mouse su una riga che la colora in un unica selezione.

    Eseguire questo stile non sarebbe un problema se avevvi quest'unica tabella nella mia pagina ma il mio layout è composto da altre 2 tabelle che importano 2 menù di navigazione e con uno stile come il sottoindicato mi si sfalsano tutte le tabelle:

    table#t1{table-layout: fixed;width:50%;margin: 0 auto;border:1px solid #999}
    table,th,td{border:1px solid #FFF;border-collapse:collapse}
    td,th{padding:5px;text-align:left}
    th{background:#666;color:#FFF}
    col.col1{background: #C4E3F7}
    col.col2{background: #A4DBFF}
    col.col3{background: #86B3D0}
    col.col4{background: #679FC5}
    tr:hover td{background: #FFF}

    potete aiutarmi a modificare questo stile che funzioni solo x una tabella sola?

    Pier

  2. #2
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    708
    Nessuno può aiutarmi?

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    E` impossibile correggere il CSS senza conoscere il codice HTML cui si riferisce.

    Posso tirare ad indovinare:
    codice:
    #t1 {
      table-layout: fixed;
      width: 50%;
      margin: 0 auto;
      border: 1px solid #999;
    }
    #t1 th, #t1 td {
      border: 1px solid #FFF;
      border-collapse: collapse;
    }
    #t1 td, #t1 th {
      padding: 5px;
      text-align: left;
    }
    #t1 th {
      background: #666;
      color:#FFF;
    }
    #t1 tr:hover td {       /* questo non funziona in IE */
      background: #FFF;
    }
    .col1{background: #C4E3F7}
    .col2{background: #A4DBFF}
    .col3{background: #86B3D0}
    .col4{background: #679FC5}
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    708
    Grazie!

    Funziona!!!

    Pier

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.