Problema con los label en un formulario Yo llevo desde ayer dándole vueltas a un problema que seguramente será muy tonto, pero no logro sacar la solución. A ver si podéis echarme una mano.
Bien, aquí os va el problema. Tengo un formulario, cada "título" tipo Nombre, importe de la venta, etc, va en una etiqueta <label>. Hasta aquí bien.
El problema es que ahora, le dé el ancho que le dé al puñetero label en la hoja de estilos, el texto sigue apareciendo mal, se ve mal, partido en varias líneas, cuando no debería ser así, y debería coger en una sola, porque espacio tiene abundante. Puedo darle un tamaño del infinito y más allá, que el texto sigue dividido en varias líneas.
A ver si no os lié mucho. Podéis ver un ejemplo de cómo lo hace mal aquí (casualmente en el Firefox): http://www.apobra.com/pruebas/tpvFF.jpg
Y aquí podéis ver lo que yo quiero (esto es más raro aún, se ve así en el IE!!): http://www.apobra.com/pruebas/tpvIE.jpg
Aquí os voy a pegar el código del HTML:
Código:
<div align="center">
<div id="formulario">
<form name="frmdatos" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" >
<fieldset>
<legend> Introduzca los siguientes datos:</legend>
<table width="400">
<tr><td ><label for="idpedido" class="labelmasgrande">ID-Pedido: </label></td>
<td ><input type="text" name="idpedido" size="35" value="<?php echo $idpedido; ?>"></td></tr><tr><td colspan="2">
<input type="submit" name="buscar" value="Buscar" id="submit"></td></tr>
<?php
if ($mostrar == 1) {
$importe = $registros['importe'];
echo "<tr><td width='30%'><label for='importe' style='width:12 em';>Importe de la venta: </label></td>";
echo "<td width='70%'><input type='text' name='importe' size='35' value=" .$importe. " disabled></td></tr>";
echo "<input type='hidden' name='importe' value=" .$importe .">";
echo "<tr><td width='30%'><label for='importeadevolver' style='width:12 em';>Importe a devolver: </label></td>";
echo "<td width='70%'><input type='text' name='importeadevolver' size='35' onblur='compruebaValidoEntero()'></td></tr>";
echo "<tr><td colspan='2'><input type='submit' value='Enviar' class='submit' id='submit' name='enviar'></td></tr>";
}
?>
</table>
</fieldset>
</form>
</div>
</div>
Cómo podéis ver por el código ya lo probé de varias maneras. Aquí tenemos el CSS:
http://www.apobra.com/pruebas/estilos.css
y
http://www.apobra.com/pruebas/formulario.css
En fin, espero que sea suficiente para que podáis echarme una manita. Muchas gracias por vuestro tiempo :)
Elena.
). Firefox achica el espacio porque toma el ancho de 12em. Si no necesitás el "width:12em" del label, sacáselo.
