Estoy creando una página y he empezado a meter css. Tengo definidas unas medidas para las cajas de textos pero cuando indico que quiero utilizar esas cajas de texto con la clase definidad en el css dentro de una tabla no me coge los valores que tengo en css. Si cojo la misma caja de texto y la pongo fuera de la tabla sí que utiliza los valores del css
A continuacion os pongo el html y el css que utilizo
HTML:
<body>
<center>
<table border="0" cellspacing="5" cellpadding="0" align="center">
<tr>
<td height="22" align="right">N. Historia Clínica</td>
<td><input class="cajatextocorta" type="text" name="nhcTxt" maxlength="10" value="" /></td>
<td height="22" align="right">N. Historia Social</td>
<td><input class="cajatextocorta" type="text" name="nhsTxt" maxlength="10" value="" /></td>
</tr>
</table>
<br>
<table align="center" cellspacing="2">
<tr>
<td><input class="botonsimple" type="button" name="env" value="Enviar" onclick="comprobar()" /></td>
<td><input class="botonsimple" type="reset" name="Reset" value="Limpiar" /></td>
</tr>
</table>
</form>
</center>
</body>
CSS:
.cajatextocorta {
width: 135px;
font-family: "Arial", "Helvetica", "Sans-Serif";
font-size: 1em;
margin: 4px 0px 4px 0px;
}
.botonsimple {
font-weight: bold;
font-family: "Arial", "Helvetica", "Sans-Serif";
font-size: 1em;
width: 140px;
}