Hola a todos: Tengo una duda. Estoy empezando con CSS y hago una tabla en la que pongo los margenes de todos los TDs a 0 por la izquierda y la derecha. El problema es que por la izquierda me lo hace bien, pero por la derecha deja un margen de un cm. aprox. después de finalizar el texto el el INPUT.
¿A que es debido eso?
Aqui esta el código:
<HTML>
<HEAD>
<TITLE>Tablas es CSS</TITLE>
<style>
/* generales de la TABLA */
.table1 {
width:100%; /* Tamaño TABLE */
}
.td0{
width:100%; /* Tamaño TD */
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; /* Fuente */
font-color: 0000FF;
padding-top:5px; /* Margen superior del texto dentro del marco*/
padding-right:0px; /* Margen derecho del texto */
padding-left:0px; /* Margen izquierdo del texto */
padding-bottom:5px; /* Margen inferior del texto */
letter-spacing: 1px; /* Separacion entre letras */
word-spacing: .4em; /* Separacion entre palabras */
}
.td1{
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; /* Fuente */
color: #0000FF; /* color de la fuente */
padding-top:5px; /* Margen superior del texto dentro del marco*/
padding-right:0px; /* Margen derecho del texto */
padding-left:0px; /* Margen izquierdo del texto */
padding-bottom:5px; /* Margen inferior del texto */
}
.td2{
font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif; /* Fuente */
letter-spacing: 1px; /* Separacion entre letras*/
word-spacing: .4em; /* Separacion entre palabras */
padding-top:5px; /* Margen superior del texto dentro del marco*/
padding-right:0px; /* Margen derecho del texto */
padding-left:0px; /* Margen izquierdo del texto */
padding-bottom:5px; /* Margen inferior del texto */
}
.td3{
font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif; /* Fuente */
letter-spacing: 1px; /* Separacion entre letras, dentro de la misma palabra */
word-spacing: .4em; /* Separacion entre palabras */
padding-top:5px; /* Margen superior del texto dentro del marco*/
padding-right:0px; /* Margen derecho del texto */
padding-left:0px; /* Margen izquierdo del texto */
padding-bottom:5px; /* Margen inferior del texto */
}
.td4{
font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif; /* Fuente */
letter-spacing: 1px; /* Separacion entre letras, dentro de la misma palabra */
word-spacing: .4em; /* Separacion entre palabras */
padding-top:5px; /* Margen superior del texto dentro del marco*/
padding-right:0px; /* Margen derecho del texto */
padding-left:0px; /* Margen izquierdo del texto */
padding-bottom:5px; /* Margen inferior del texto */
}
</style>
</HEAD>
<BODY bgcolor="FFFFFF">
<table class="table1" width="100%" border="1" bgcolor="FFFFFF">
<tr>
<td class="td0" align="center" colspan="4">Introduce los datos que te solicitan (*)</td>
</tr>
<tr>
<td class="td1" valign="top">*</td>
<td class="td2"><b>Provincia</b></td>
<td class="td3"><input size="50"></td>
<td class="td4">Pon la provincia en que vives actualmente.</td>
</tr>
</table>
</BODY>
</HTML>