0
214
Vistascelda adicional en la tabla HTML
Estoy tratando de imprimir inicio y fin en ejecución, pero obtengo una celda adicional al lado de Fin. Yo suelo:
<table style="float: center;border:2px;font-size:20px;color:white;border-collapse: collapse;border-spacing: 3;width: 25%;"> <tr><td> PC </td> <td> INSTRUCTION </td> <td> ISSUED </td> <td colspan="2"><table style="font-size:20px;color:white;border-collapse: collapse;border-spacing: 3;width: 25%;"><tr><td>EXECUTION</td></tr></table><table style="font-size:20px;color:white;border-collapse: collapse;width: 25%;"><tr><td>START</td><td>END</td></tr></table> <td> WRITTEN </td></tr> ¿Cómo puedo eliminar esta celda adicional? 
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Su "celda adicional" es el espacio entre el final de la celda con contenido "FIN" y la celda principal que contiene sus tablas incrustadas. Para su propósito, en lugar de incrustar una tabla dentro de otra, debe usar rowspan y colspan .
body { background-color: black; } table, tr, td { border-color: white; border-style: solid; border-width: 2px; } table { border-collapse: collapse; border-spacing: 3; color: white; float: center; font-size: 20px; text-transform: uppercase; width: 25%; } <table> <tr> <td rowspan="2">PC</td> <td rowspan="2">Instructions</td> <td rowspan="2">Isused</td> <td colspan="2">Execution</td> <td rowspan="2">Written</td> </tr> <tr> <td>Start</td> <td>End</td> </tr> </table>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta