Gracias hades87 y cleft!
Cita:
Iniciado por cleft 
"Si tengo un ID dentro de un <a> no se pone asi? #buscarBtn a{}"
Negativo. La forma correcta es:
a#buscarBtn { }
Y asi sucesivamente:
a#registroBtn
a#entrarBtn
Lo he retocado
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;
}
a#registroBtn{
color:black;
margin:3px 30px 5px 5px;
width:50px;
text-align:center;
text-decoration:none;
}
a:hover#registroBtn{
color:#999999;
margin:3px 30px 5px 5px;
width:50px;
text-align:center;
text-decoration:none;
}
a#entrarBtn {
color:red;
margin:15px 15px 5px 10px;
text-decoration:none;
}
a:hover#entrarBtn {
/*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; }
ul#passwordBtn a { color: black; text-decoration:none; }
ul#passwordBtn a:hover{ color: red; text-decoration:none; }
ul#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;
}
a#buscarBtn a{
color:#333333;
margin:15px 15px 5px 10px;
text-decoration:none;
}
a:hover#buscarBtn{
color:red;
text-decoration:none;
}
Con esta duda acabo el dia, aprendiendo un montón! no me quejo , hay buena gente por el mundo
Pero resulta que quiero añadir la casilla de verificación (como no! para el recordar contraseña!) pues bien.... sino estoy equivocado esto se haria asi....
Código HTML:
<ul id="passwordBtn">
<li><input type="checkbox" name="recordar" value="SI"/>Recordar Contraseña</li>
<li><a href="http://localhost/weblocal/recuperar_pass.php" target="_top">¿Olvidaste tu contraseña?</a></li>
</ul>
Pues se me descoloca...
Se me pone la casilla arriba, y debajo los dos textos.
Cuando deberia salir al ladito izquierdo de Recordar contraseña!
Por qué es tan malo conmigo el css
