Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    185

    problemi con tag tr (table)

    Non capisco dove sia l'errore, ma se provo a settare un bordo inferire per le righe di una tabella, questo comando viene ignorato.

    Il codice html:
    <table class='fan'>
    <tr>
    <td colspan="2" class='scartxt'>123456</td>
    </tr>
    <tr>
    <td colspan="2" class='scar'>123456</td>
    </tr>
    <tr>
    <td colspan="2">123456</td>
    </tr>
    <tr>
    <td class='testi'>123456</td>
    <td class='num' >123456</td>
    </tr>
    <tr>
    <td class='testi'>123456</td>
    <td class='num' >123456</td>
    </tr>
    <tr>
    <td class='testi'>123456</td>
    <td class='num' >123465</td>
    </tr>
    <tr>
    <td class='testi'>123456</td>
    <td class='num' >123456</td>
    </tr>
    </table>



    Il codice css.:

    table.fan{
    font-size: 85%;
    table-layout : auto;
    width: 77px;
    border-collapse: collapse;
    }
    table.fan td.testi{width: 50px;}
    table.fan tr{border-bottom: 1px dotted #336600;}

    table.fan td.num {text-align: right; background-color:#f2f6e5; width: 40px;}
    table.fan td.scar { font-size: small; color: white; text-align: center; background-color:red; font-weight: bold;}
    table.fan td.scartxt { font-size: small; text-align: center; font-weight: bold;}


    La riga in grassetto, che dovrebbe definire il bordo di ogni riga, viene ignorata.
    Mi sapete dire dove sbaglio?

    Grazie in anticipo

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Quando due o più bordi sono adiacenti, vengono ridotti l'uno nell'altro. Ci sono alcune regole che determinano quale bordo prevale e quale soccombe.
    Se due bordi hanno la stessa larghezza lo stile del bordo è valutato in questo ordine:
    double, solid, dashed, dotted, ridge, outset, groove, inset.
    Tra solid e dashed vince solid.
    Nel tuo caso nn vedo bordi dichiarati da nessuna parte oltre che nel tr e mi viene il dubbio che il bordo nel tr nn si possa definire o almeno io nn ho mai visto farlo, puoi però impostare il bordo direttamente ad una colonna.

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    185
    Originariamente inviato da gengix
    Quando due o più bordi sono adiacenti, vengono ridotti l'uno nell'altro. Ci sono alcune regole che determinano quale bordo prevale e quale soccombe.
    Se due bordi hanno la stessa larghezza lo stile del bordo è valutato in questo ordine:
    double, solid, dashed, dotted, ridge, outset, groove, inset.
    Tra solid e dashed vince solid.
    Nel tuo caso nn vedo bordi dichiarati da nessuna parte oltre che nel tr e mi viene il dubbio che il bordo nel tr nn si possa definire o almeno io nn ho mai visto farlo, puoi però impostare il bordo direttamente ad una colonna.
    Ti ringrazio per la risposta.

    In effetti ho trovato questo post che spiega il problema.
    Se può essere utile ad altri lo posto:

    http://www.csarven.ca/tr-border-trick-for-ie

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.