Ancho para las etiquetas <label form>

evoarte · #1 (**permalink**) 21/10/2005, 07:01

Buenas amigos:

No consigo con CSS establecer un ancho fijo para las etiquetas de un form, es decir, con width:100px; no lo consigo, se supone que es una caja.

Salu2.

JavierB · #2 (**permalink**) 21/10/2005, 08:56

Hola evoarte

¿No te funciona <form style="width:100px">?

Saludos,

evoarte · #3 (**permalink**) 21/10/2005, 09:39

No me refiero al width del <form>, si no al width de las etiquetas:
<label for="nombre">nombre</label>
, que ajustan su width al ancho de su contenido.
ni siquiera poniendo:

form label{width:100px}

Salu2.

Rafael · #4 (**permalink**) 21/10/2005, 19:08

¿o será

label {width: 100px;}

? en vez de label{width=100px}

pon el punto y coma al final.

evoarte · #5 (**permalink**) 21/10/2005, 20:14

Tienes razón que no lo he escrito bien en el mensaje, pero en realidad en la página si esta especificado correctamente, este es el código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>formulario01</title>

<style type="text/css">

</style>

</head>

<body>

<form id="form1" method="post" action="">

<fieldset>
<legend>Altas de Bibliotecario</legend>
<label for="nombre">nombre</label><input name="nombre" type="text" id="nombre" /><br />
<label for="apellidom">apellido m</label><input type="text" name="apellidom" id="apellidom" /><br />
<label for="apellidop">apellido p</label><input type="text" name="apellidop" id="apellidop" /><br />
<label for="telefono">telefono</label><input type="text" name="telefono" id="telefono" /><br />
<label for="direccion">direccion</label><input type="text" name="direccion" id="direccion" /><br />
</fieldset>

</form>
</body>
</html>

evoarte · #6 (**permalink**) 23/10/2005, 17:18

Buenas Amigos:

Alguien sabe como hacerlo ?

Gracias.
Salu2.

Rafael · #7 (**permalink**) 24/10/2005, 12:59

Trata poniendole display: block; y tal vez un float para anular el salto de línea, no estoy seguro si label es un elemento inline.

evoarte · #8 (**permalink**) 24/10/2005, 17:22

Hola Rafael:

tu recomendación es correcta.

Salu2.