estilos - tablas en html5

Eliminar el borde inferior de una tabla div

Question

Estoy tratando de mostrar algunas imágenes en una tabla div, pero sigo obteniendo el borde en la parte inferior de cada imagen. Se trata de 2-5 píxeles.

Enviaría una imagen, pero soy un nuevo usuario.

Quiero eliminar este borde

La imagen es 52 x 10 exactamente.

Solo estoy en IE8 para esta aplicación.

editar : estoy haciendo un diseño más grande. Acabo de reducir el código al único problema que tengo, que es el borde en la parte inferior de la tabla.

/*tables*/
.WorkFlowTableStyleA
{
    display: table;
    width: 10px; 
    border-collapse:collapse;
    border-style: none;  
}


/*rows*/
.WorkflowRowStyleA
{
    display: table-row;
    height: 52px;

}

/*arrow containers*/
.WorkflowCellArrowHolderA
{
    display: table-cell;
    width: 10px ;
}


<div class="WorkFlowTableStyleA">   
<div class="WorkflowRowStyleA">
<div class="WorkflowCellArrowHolderA" style="background-color: Black;">
<img src="../../Images/Flowchart/spacerTestTenByFiftyTwo.png" />

</div>
</div>
</div>

<div class="WorkFlowTableStyleA">   
<div class="WorkflowRowStyleA">
<div class="WorkflowCellArrowHolderA" style="background-color: Black;">
<img src="../../Images/Flowchart/spacerTestTenByFiftyTwo.png" />

</div>
</div>
</div>

Answer 1

MadHenchbot está en el dinero de donde viene la "frontera". No es un borde, es espacio vacío en tu div. (Cambie a style = "background-color: Red") para verificar eso.

La buena noticia es que, dado que parece que las imágenes son del tamaño que usted quiere, creo que hay una solución rápida:

/*tables*/
.WorkFlowTableStyleA
{
    display: table;
    /* get rid of width: 10px; */
    border-collapse:collapse;
    border-style: none;   
}


/*rows*/
.WorkflowRowStyleA
{
    /* get rid of display: table-row; */
    height: 52px;
}

/*arrow containers*/
.WorkflowCellArrowHolderA
{
    /* get rid of display: table-cell; */
    /* get rid of width: 10px; */
    height: 52px;                             <--- Add this to set the div height.
} 

Eso hizo el truco para mí. Es posible que tengas que volver a poner el ancho, pero supongo que es innecesario. Además, a menos que estés construyendo un diseño, no estoy seguro de por qué necesitas todas las cosas de mesa / div ... Parece que solo está complicando las cosas.