Estoy haciendo unas pruebas para ver cómo podría crear un form con CSS, sin tablas, y que quede todo alineado...
Pero si colocar "spanPass" digamos 90 píxeles desde el inicio de "divAcceso", y con 10px a la izquierda... queda centrado... qué hago mal ?
La segunda cuestión: ¿ es posible hacer que las tres SPAN compartan "color:#FFFFFF;font-weight:bold;" ? ... sé que se puede hacer aplicando los mismos estilos a todas las SPAN, pero lo quisiera hacer desde su id de algún modo ( si se puede )
EDITADO: edito el código para ponerlo completo.
Gracias
Código:
<html>
<head>
<title>Prueba formulario</title>
</head>
<body>
<div id="divGeneral">
<div id="divAcceso">
<span id="spanAcceso">A C C E S O</span>
<label id="lblUsuario" for="txtUsuario">Usuario:</label>
<label id="lblPass" for="txtPass" >Contraseña:</label>
<input type="text" id="txtUsuario" value="usuario" />
<input type="text" id="txtPass" />
<input type="button" id="btnEnviar" value=" Enviar " />
</div>
</div>
</body>
</html>
"estilos.css":
=======
Código:
body
{
margin:0;
background-color:#DDDDDD;
}
#divGeneral
{
border:0px solid #99CCFF;
}
#divAcceso {
height:180px;
width:400px;
margin-top:200px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica;
padding:5;
background-color:#0066BB;
border:5px solid #FFFFFF;
}
#spanAcceso {
position:relative;
left:120px;
color:#FFFFFF;
font-size:24px;
font-weight:bold;
}
#lblUsuario {
position:relative;
top:30px;
left:10px;
float:left;
/*clear:both;*/
color:#FFFFFF;
font-weight:bold;
background-color:blue;
}
#txtUsuario {
position:relative;
/*top:30px;*/
left:150px;
float:left;
clear:both;
cursor:pointer;
}
#lblPass {
position:relative;
top:60px;
left:0px;
float:left;
color:#FFFFFF;
font-weight:bold;
background-color:red;
}
#txtPass {
position:relative;
/*top:50px;*/
left:150px;
float:left;
clear:both;
cursor:pointer;
}
#btnEnviar {
position:relative;
top:150px;
left:10px;
cursor:pointer;
}