Perfecto! muchas gracias la verdad es que llevaba tiempo con el problema y no conseguia averiguar porqué.
Tengo otra pregunta con la barra de login (siento ser pesado :$)
Es que un compi puso un post en este hilo comentando como hacer listas con css, y me dijo que no hacia falta poner en cada <li> la "id"
Entonces he cambiado la estructura a esta de aquí (igual que la que esta colgada)
Código HTML:
<form name="formLogin" method="post" action="login.php">
<ul class="loginBox">
<li><a id="registroBtn" href="http://localhost/weblocal/registro.php" target="_top">Regístrate Gratis!</a></li>
<li><input type="text" name="user" tabindex="1" onblur="if(this.value=='') this.value='Nombre de Usuario';" onfocus="if(this.value=='Nombre de Usuario') this.value='';" value="Nombre de Usuario"/></li>
<li><input type="text" name="pass2" tabindex="2" style="display: inline;" value="Contraseña" onfocus="this.style.display = 'none'; document.formLogin.pass.style.display = 'inline'; document.formLogin.pass.focus();" /></li>
<li><input type="password" name="pass" tabindex="2" style="display: none;" onblur="if(this.value == '') {this.style.display = 'none'; document.formLogin.pass2.style.display = 'inline';}" /></li>
<li><a id="entrarBtn" href="http://localhost/weblocal/entrar.php">Entrar</a></li>
<ul id="passwordBtn">
<li><a href="http://localhost/weblocal/recordar_pass.php" target="_top">Recordar Contraseña</a></li>
<li><a href="http://localhost/weblocal/recuperar_pass.php" target="_top">¿Olvidaste tu contraseña?</a></li>
</ul>
<li><input id="cajabusqueda" type="text" name="buscar" tabindex="4" onblur="if(this.value=='') this.value='Busca en ME';" onfocus="if(this.value=='Busca en ME') this.value='';" value="Busca en ME"/></li>
<li><a id="buscarBtn" href="http://localhost/weblocal/entrar.php">Buscar</a></li>
</ul>
</form> He definido una class para la lista <ul> (no se porqué class... porque puede ser un id normal no?
La idea es que tengo varios botones dentro de esta lista, el boton de nuevo registro, el boton de entrar y el boton de buscar, y me gustaria aplicarles diferentes estilos a cada uno... pero tal y como lo tengo definido ahora, por más que modifico las propiedades no me modifica nada :S
Código HTML:
/* FORMULARIO DE LOGIN */
.loginBox input{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background:#FBFCFC url(../imagenes/formularios/input-bgr.png) no-repeat scroll left top;
border-color:#A5ACB2 rgb(227, 232, 237) rgb(227, 232, 237) rgb(165, 172, 178);
border-width:1px;
border-style:solid;
height:15px;
width:120px;
font-size:12px;
padding:5px 5px 5px 10px;
margin:10px 5px 5px 5px;
}
.loginBox * {
display:block;
float:left;
margin-left:0.5px;
}
#registroBtn a{
color:yellow;
margin:3px 30px 5px 5px;
width:50px;
text-align:center;
text-decoration:none;
}
#registroBtn a:hover{
color:#999999;
margin:3px 30px 5px 5px;
width:50px;
text-align:center;
text-decoration:none;
}
#entrarBtn a {
color:red;
margin:15px 15px 5px 10px;
text-decoration:none;
}
#entrarBtn a:hover {
/*background:transparent url(../imagenes/formularios/button.png) repeat-x scroll right top;*/
color:blue;
text-decoration:none;
}
ul#passwordBtn {
width: 130px;
margin-right:10px;
margin-left:20px;
font-size:10px;
}
#passwordBtn a {
color: black;
text-decoration:none;
}
#passwordBtn a:hover{
color: red;
text-decoration:none;
}
#passwordBtn * {
display:inline !important;
float: none !important;
margin-left: 0 !important;
}
/* BUSCADOR */
#cajabusqueda input{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background:#FBFCFC url(../imagenes/formularios/input-bgr.png) no-repeat scroll left top;
border-color:#A5ACB2 rgb(227, 232, 237) rgb(227, 232, 237) rgb(165, 172, 178);
border-width:1px;
border-style:solid;
height:15px;
font-size:12px;
display:inline;
padding:5px 5px 5px 10px;
margin:10px 5px 5px 180px;
}
#buscarBtn a{
color:#333333;
margin:15px 15px 5px 10px;
text-decoration:none;
}
#buscarBtn a:hover{
color:red;
text-decoration:none;
}
Qué no estoy definiendo bien el código?
Si tengo un ID dentro de un <a> no se pone asi? #buscarBtn a{}
Gracias
PD: Actualmente me salen los 3 botones con las mismas propiedades y a la misma altura... asi que no esta cogiendo ningun estilo de los que le quiero definir :S