Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    28

    inset outset groove ridje

    Salve a tutti,

    ho un problema con una differente visualizzazione in explorer e gli altri browser
    (firefox e chrome).

    Invece di colorare di bianco il bordo esterno sinistro e alto della table, explorer lo fa grigio. Il bordo destro e basso nero invece di grigio.

    Vorrei visualizzare la tabella come in firefox e chrome con questo codice,
    ma riesco a raggiungere un risultato simile solo se sostituisco inset con ridge e outset con groove, il problema è che poi non mi tornano i conti sugli altri browser.

    Come posso far funzionare la cosa su tutti i browser?
    help please.
    Andrea

    [CODE]
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>

    <head>
    <style type="text/css">
    .container{
    height: 100px;
    width: 100px;
    background-color: #EBF0EF;
    padding:100px;
    font-size: 12pt
    }

    table.sample {
    border-width: 1px;
    border-spacing: 3px;
    border-style: outset;
    border-color: white;
    border-collapse: separate;
    background-color: rgb(235, 240, 239);
    }
    table.sample th {
    border-width: 1px;
    padding: 2px;
    border-style: inset;
    border-color: white;
    background-color: rgb(235, 240, 239);
    -moz-border-radius: ;
    }
    table.sample td {
    border-width: 1px;
    padding: 2px;
    border-style: inset;
    border-color: white;
    background-color: rgb(235, 240, 239);
    }
    </style>

    </head>



    <body>
    <div class="container">
    <table class="sample">
    <tr>
    <th>Header</th>
    <td>Content</td>
    </tr>
    </table>
    </div>
    [CODE]

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    28
    Se non c'è una soluzione più elegante io sto facendo così....


    codice:
    table.sample {
    	border-spacing: 3px;
    	border-right: 1px #999 solid;
    	border-top: 1px white solid;
    	border-bottom: 1px #999 solid;
    	border-left: 1px white solid;
    	border-collapse: separate;
    	background-color: rgb(235, 240, 239);
    }

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.