Visualizzazione dei risultati da 1 a 7 su 7

Discussione: bordo centrale tabella

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    1,150

    bordo centrale tabella

    In una tabella a due colonne, come posso visualizzare solo la linea centrale verticale (di divisione tra le due colonne)?

    Sono riuscito solo a trovare come formattare il border-left e/o il border-right.

    Grazie mille
    Paolo

  2. #2
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,887
    codice:
    (X)HTML 
    <table>
      <tr>
         <td class="colsx"> .... </td>
         <td>  ........</td>
      </tr>
      <tr>
         <td class="colsx"> .... </td>
         <td>  ........</td>
      </tr>
     ...
    </table>
    
    CSS 
    .colsx { border: none; border-right: 1px solid #fff; }
    Può andare?
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    1,150
    Si sembra ok. L'unico problema è che non mi fa la striscia continua di separazione tra le due colonne
    Vengono leggermente staccate...

    Il codice che uso è il seguente

    codice:
    .tabella1 
    {width: 100%; 
    border-right: 1px solid #fff;  
    border-left: 1px solid #fff; 
    
    .colsx { border: none; border-right: 1px solid #333333; }
    e le richiamo così

    codice:
    <table class=""tabella1"">
    
    <tr>
    
    <td width=""50%"" class=""colsx"">

    Strano...
    Ah, all'interno della TD c'è un'altra tabella. Senza bordi. Può dipendere da questo?

    ps. non posso postare il codice, ma l'immagine risultante. Come si fa? non ci riesco

    GRazie milel

  4. #4
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,887
    Probabilmente sono i margini di default delle tabelle. Prova a mettere margin:0 ed eventualmente definire un po' di padding per lasciare spazio intorno al testo (se serve).

    codice:
    .tabella1, .tabella1 tr, tabella1 td {margin:0; padding: 3px; }
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    1,150
    Putroppo è ancora così.

    Posto il codice

    codice:
    .tabella1 
    {width: 100%;
    border-right: 0px solid #fff; 
    border-left: 0px solid #fff;
    }
    
    .tabella1, .tabella1 tr, tabella1 td {margin:0; padding: 3px; }
    
    .colsx { border: none; border-right: 1px solid #333333; }
    
    .coldx { border: none; border-right: 0px solid #333333; }


  6. #6
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,887
    codice:
    .tabella1 
    {width: 100%;
    border: none; 
    border-collapse:collapse;  
    }
    
    .tabella1, .tabella1 tr, .tabella1 td {margin:0; padding: 3px; } <--- dimenticato un punto !!  :fagiano: 
    
    .colsx { border: none; border-right: 1px solid #333333; }
    .tabella1, .tabella1 tr, tabella1 td {margin:0; padding: 3px; }
    
    .colsx { border: none; border-right: 1px solid #333333; }
    
    .coldx { border: none; border-right: 0px solid #333333; }  <--- questo puoi anche eliminarlo!
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  7. #7
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    1,150
    Mitico!!!
    Rimangono ancora degli impercettibili spazi, ma quello che mi hai spedito è veramente fantastico.

    Grazie tanto e auguri a te e a tutti quelli di questo fantastico forum.
    Spero di dare qualche contributo anch'io


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.