SoloCodigo
Programación Web y Scripting => HTML => CSS / SASS / LESS => Mensaje iniciado por: alexis17 en Miércoles 1 de Agosto de 2007, 07:39
-
hola que tal
baje este codigo de una pagina, luego lo coloque en una pagina .html
pero cuando lo abro con mozila aparece desordenado pero si lo abro con el explorer salen bien pero quiero que se peuda ver bien tambien en mozila
este es el codigo del formulario
<div id="formulario">
<form method="post" action="">
<fieldset>
<legend>Registrarse</legend>
<div class="medidas">
<label for="user">Usuario: </label>
<input id="user" name="user">
</div>
<div class="medidas">
<label for="pass">Contraseña: </label>
<input type="password" id="pass" name="pass">
</div>
<div class="check">
<input type="checkbox" id="remember" name="remember">
<label for="recordar">Recordar mi nombre de usuario en esta computadora</label>
</div>
</fieldset>
<div>
<input type="submit" id="login" value="Ingresar">
</div>
</form>
</div>
y este es el codigo del css
<style type="text/css">
body{font: 76% Arial, sans-serif;}
form{width:240px;padding:5px 0;border: 2px solid #C6E9FF;
background: #CEF3FB;}
fieldset{border: 0px solid #000;}
legend{font: bold 140% Arial,sans-serif;color: #27518A;}
Ahora definimos las medidas del div que contiene al formulario, tanto el margen, ancho y alto.
div.medidas,div.check{margin: 10px 0 10px 10px;}
div.medidas label{float:left;width:90px;line-height:23px;}
div.medidas input{width:120px;}
input#login{margin-left: 100px;border: 1px solid #27518A;
background: #ccc url(fondoBoton.jpg) repeat-x;}
</style>
le meti bastante mente antes de prgunta pero que va no lo pude arreglar
-
Deberías usar las etiquetas CODE para poner tu código, no se si en tu máquina tenés el código tabulado o no, pero de ser así es muy fácil de ver que estás cerrando dos div en forma incorrecta:
<!--xc1--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>XCODE </td></tr><tr><td id='XCODE'><!--exc1--><html>
<head>
<style type="text/css">
body{font: 76% Arial, sans-serif;}
form{width:240px;padding:5px 0;border: 2px solid #C6E9FF;
background: #CEF3FB;}
fieldset{border: 0px solid #000;}
legend{font: bold 140% Arial,sans-serif;color: #27518A;}
Ahora definimos las medidas del div que contiene al formulario, tanto el margen, ancho y alto.
div.medidas,div.check{margin: 10px 0 10px 10px;}
div.medidas label{float:left;width:90px;line-height:23px;}
div.medidas input{width:120px;}
input#login{margin-left: 100px;border: 1px solid #27518A;
background: #ccc url(fondoBoton.jpg) repeat-x;}
</style>
</head>
<body>
<div id="formulario">
<form method="post" action="">
<fieldset>
<legend>Registrarse</legend>
<div class="medidas">
<label for="user">Usuario: </label>
<input id="user" name="user">
</div>
<div class="medidas">
<label for="pass">Contraseña: </label>
<input type="password" id="pass" name="pass">
</div>
<div class="check">
<input type="checkbox" id="remember" name="remember">
<label for="recordar">Recordar mi nombre de usuario en esta computadora</label>
</div>
</fieldset>
<div>
<input type="submit" id="login" value="Ingresar">
</div>
</form>
</div>
</body>
</html><!--xc2--></td></tr></table><div class='postcolor'><!--exc2-->
Simplemente borrá los dos </div> y probá a ver que pasa.
Un saludo
-
hola buenos dias
les quite los </div>
pero me sige saliendo igual en mozila en el explorer si sale bien
-
hola estube consultando y me dijeron que alomejor no se ve en mozila porque mozila no soporta el escrin ese del css
quiera saber si me podrian dar un ejemplo de como crear un formulario sencillo en css solo que tenga nombre el campo para meter el nombre y apellido y campo para meter el apillido pero que salga ordenaba como si uno trabjara con tablas para que el campo de texto no quede pegado a la palabra nombre
saludos