hola foreros quisiera preguntarles tengo una tabla la cual estoy usando css con imágenes para darle fondo. miren tengo esto asta ahora.
Código HTML:
<table width="200" border="0" cellspacing="0">
<tr>
<td class="t_l"></td>
<td class="t_c"></td>
<td class="t_r"></td>
</tr>
<tr>
<td class="m_l"></td>
<td class="m_c"></td>
<td class="m_r"></td>
</tr>
<tr>
<td class="b_l"></td>
<td class="b_c"></td>
<td class="b_r"></td>
</tr>
</table>
Código:
.t_l{
background:url(imagen/table.png) top left;
width:13px;
height:13px;
}
.t_c{
background:url(imagen/table.png) top center;
width:13px;
height:13px;
}
.t_r{
background:url(imagen/table.png) top right;
width:13px;
height:13px;
}
.m_l{
background:url(imagen/table.png) left repeat-y ;
width:13px;
height:13px;
}
.m_c{
background:url(imagen/table.png) center repeat-y;
width:13px;
height:13px;
}
.m_r{
background:url(imagen/table.png) right repeat-y;
width:13px;
height:13px;
}
.b_l{
background:url(imagen/table.png) bottom left;
width:13px;
height:13px;
}
.b_c{
background:url(imagen/table.png) bottom center;
width:13px;
height:13px;
}
.b_r{
background:url(imagen/table.png) bottom right;
width:13px;
height:13px;
}
asta ahi funciona bien t_l, t_c, t_r, b_l, b_c, b_r. ahora mi consulta es como hacer para que los m_l, m_c, m_r muestren lo que contiene en el medio de la imagen. mientras que no me muestre toda la imagen completa cuando agrande el height de la tabla
PS: la imagen que utiliso tiene de ancho y largo 100px.