Ver Mensaje Individual
  #10 (permalink)  
Antiguo 01/11/2005, 16:53
jotamachuca
 
Fecha de Ingreso: octubre-2004
Mensajes: 143
Antigüedad: 19 años, 6 meses
Puntos: 0
Cita:
Iniciado por CORE
Bien ni uses capas ni uses tablas ni uses elementos de lista

el html esta hecho para hacer todo bien y existe un etiqeuta para casi todo

un ejemplo que acabo de hacer seria asi
Código HTML:
<!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>Untitled Document</title>
<style type="text/css">
<!--
#form1 label {
	width: 100px;
	display: block;
	float:left;
	background-color: #E8EBEC;
	padding:2px;
	margin:2px;
	cursor:pointer;
}

#form1 label:hover {
	background-color: #DCE1E2;
	cursor:pointer;
}

input,select{
	margin:2px;	
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:60%;
}

fieldset{
	float: left;
	width: 30%;
	display: block;
}
body {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
-->
</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 />
	<label for="sexo">sexo</label>
	<select name="sexo" id="sexo">
        <option value="m">Masculino </option>
        <option value="f">Femenino </option>
	</select>
</fieldset><fieldset>
<legend>Identificaci&oacute;n</legend>
<label for="login">login</label><input type="text" name="login" id="login" /><br />
<label for="pass">password</label><input type="password" name="pass" id="pass" /><br />
<label for="cargo">cargo</label>
<select name="cargo" id="cargo">
        <option value="A">Administrtador</option>
        <option value="B">Bibliotecario </option>
 </select>
</fieldset>
</form>
</body>
</html> 
saludos
Hola a todos

Disculpen por revivir este viejo post, pero tengo unas dudas que quizas pueden servir en este post

El detalle que encontré, es que nuestro amigo CORE utiliza la etiqueta <br> para indicar los saltos de linea que desea utilizar. La pregunta es si estos pueden ser omitidos, o sea, con css indicar que despues de un input tiene que existir un salto de linea.

Segun lo poco que se de CSS, la idea es que el contenido este separado de la visualización, con los <br> se estaria "controlando" un poco la visualización del contenido, o no??? me pasé a revoluciones ???

Esop..

Saludos !!!