cella tabella con spessori doppi

**aasmdaa** · 10-08-2006, 11:38

Ho fatto una tabella ma specificando che ogni cella ha il bordo poi mi vengono dei bordi doppi; come si fa per condividere i bordi? Ho provato con border-collapse ma non funziona.

Devo per forza dare il bordo solo ad una cella?

**Francis87** · 10-08-2006, 11:39

magari setta il padding a zero.

**nuky** · 10-08-2006, 11:47

Impostando il border della tabella setti i bordi di ogni td al suo interno, quindi tutti i td confinanti formano un bordo doppio.
Puoi aggirare questa cosa impostando il colore di sfondo dell'oggetto table e spazionado di un pixel le celle, in modo che tra una e l'altra si veda lo sfondo della table.

codice:

<style type="text/css">
  table {background-color: #000;}
  td    {background-color: #FFF;}
</style>
<body>
  <table border="0" cellspacing="1">
    <tr><td>a</td><td>a</td></tr>
    <tr><td>a</td><td>a</td></tr>
    <tr><td>a</td><td>a</td></tr>
    <tr><td>a</td><td>a</td></tr>
  </table>
</body>

**aasmdaa** · 10-08-2006, 12:17

Cavolo a questo proprio non ci avevo pensato...grande! Grazie

**aasmdaa** · 10-08-2006, 12:30

Visto che ti vedo in gamba ti pongo un quesito al volo:

sempre nella tabella se faccio

<td style="text-align:center;">ciao</td>

funziona il centramento del testo, invece se specifico una larghezza:

<td width="50px" style="text-align:center;">ciao</td>

non funziona. Come si può risolvere?

**Francis87** · 10-08-2006, 12:33

non so che browser usi, ma a me funziona (Konqueror e Firefox)

**aasmdaa** · 10-08-2006, 12:37

In effetti è solo con explorer che dà questo problema...

Ma tornando al metodo della tabella con lo sfondo resta ora il problema che in stampa non mi stampa lo sfondo. E' una cosa che devo settare nelle impostazioni della stampante o dal foglio di stile?

**nuky** · 10-08-2006, 13:43

Puoi aggiungere un css apposito per la stampa dove metti i bordi dei td a un pixel, così li hai doppi solo per la stampa:

codice:

<head>
  <style type="text/css">
    table {background-color: #000;}
    td    {background-color: #FFF;}
  </style>
  
  <style type="text/css" media="print">
    td {border:1px solid #000;}
  </style>
</head>

<body>
  <table border="0" cellspacing="1">
    <tr><td>a</td><td>a</td></tr>
    <tr><td>a</td><td>a</td></tr>
    <tr><td>a</td><td>a</td></tr>
    <tr><td>a</td><td>a</td></tr>
  </table>
</body>

[Edit] sintassi alternativa:

codice:

  <style type="text/css">
    table {background-color: #000;}
    td    {background-color: #FFF;}
  
    @media print {
      td {border:1px solid #000;}
    }
  </style>

Se invece stai facendo un'applicazione aziendale e hai il cotnrollo di tutti i client dalle impostazioni del browser puoi indicare di stampare il background. Su IE devi selezionare "Stampa colori e immagini di sfondo" dal menu Strumenti/Opzioni Internet/Avanzate.

Discussione: cella tabella con spessori doppi

Strumenti discussione

Ricerca discussione

Visualizza

cella tabella con spessori doppi

Permessi di invio