Eliminar 2 bordes verticales de la tabla HTML – ¿cómo?

table { border-collapse: collapse; } table td, table th { border: 1px solid black; text-align: center; font-size: 18px; font-weight: bold; color: black; } table tr:first-child th { border-top: 0; } table tr:last-child td { border-bottom: 0; } table tr td:first-child, table tr th:first-child { border-left: 0; } table tr td:last-child, table tr th:last-child { border-right: 0; } td.left { text-align: left; font-color: black; } td.left2 { text-align: left; font-color: black; border: 0; vertical-align: middle; } td.noborder { border: 0; } th.noborder { border: 0; vertical-align: middle; } tr.noborder td, th { border: 0; } th.mini { background-color: #3a6179; color: #ffffff; font-size: 18px; } td.workbooks { background-color: #15125f; color: #ffffff; border-left: none; } td.salesforce { background-color: #019cdc; color: #ffffff; border-right: none; #left { display: none; float: left; width: 212px; } #right { display: block; float: right; width: 100%; 
 
 
Independant user reviews
Edition version CRM Edition Business Professional Enterprise
Typical cost per user per month £19 £42 £45 £85
Contact Management
Opportunities, Quotes, Forecasting, Products
Case Management, Email2case, Web2case
Marketing Campaigns
Reports & Dashboards
Outlook Integration (1)
Google Apps Integration
Mix and Match Licensing (2)
Sales Order Processing      
Supplier Purchasing      
Invoicing & Credit Notes      
Automation Engine  
Web Services API for Integration  
Profile and Page Layouts  
Sandboxes for Testing & Development  
G2Crowd Customer Satisfaction Score (3): 96 89

Me gustaría eliminar los bordes verticales 2 y 4 (líneas) (que se muestran entre la edición CRM y Business / Professional y Enterprise) en mi tabla HTML que se encuentra en: http://www.workbooks.com/workbooks-vs-salesforce

Entonces mi mesa se verá así: http://www.workbooks.com/sites/default/files/image/new-lined-table-2.png

Disculpas, no puedo publicar imágenes porque mi representante es demasiado bajo.

Gracias,

Sam

Simplemente elimine los bordes verticales:

 td.workbooks, td.salesforce { border-left: none; border-right: none; } 

Los colores de las celdas ya proporcionan el separador visual de columnas.

Asumo que los resultados en la imagen son todo lo que necesitas.

 .workbooks:nth-child(2), .salesforce:nth-child(4) { border-right:none; } .workbooks:nth-child(3), .salesforce:nth-child(5) { border-left:none; } 

¿Has intentado quitar el borde derecho de cada 2da y 4ta fila de celdas? Quizás el siguiente fragmento de jQuery servirá.

 $.each($("#yourTableID tr:not(:first)"), function(index, element) { $.each($(this).find("td:nth-child(2)"), function(i, e) { $(this).css("border-right-style", "none"); }}; }); 

Agregue lo siguiente a todas las

s en las columnas “Edición de CRM” y “Profesional” (agregue una clase para poder orientarlas).

 border-right: none; 

Disculpas si no entiendo bien tu pregunta. Si publica el HTML relevante, podría perderlo en JSFiddle.