Me he pasado por el FAQ y demás y he llegado a la conclusión de que necesito un fondo y ponerle cajas de texto. Pero en diferentes resoluciones no funcionan muy bien. Se corren las cosas en diferentes compus y queda muy diferente. EL código lo saqué de los mismos faqs y lo trate d amoldar pero realmente no me funca.
Estoy al borde la desesperacioooonnn.. aver si alguien me echa la mano acá le dejo el código.
Código HTML:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> congreso MKT </title>
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {
position:absolute;
width:100%;
height:100%;
top:1px;
left:2px;
overflow:auto;
z-index:2;
}
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
</style>
<style type="text/css" media="all">
body {
texl-align:center;
}
#contenedor {
margin:0 auto;
width: 98%;
padding:5px 0;
border:1px solid #ccc;
}
</style>
<script>
function valida_envia(){
//valido el nombre
if (document.fvalida.usuario.value.length==0){
alert("Tiene que escribir su nombre")
document.fvalida.usuario.focus()
return 0;
}
//valido la edad. tiene que ser entero mayor que 18
//valido el inter�s
if (document.fvalida.contrasenia.value.length==0){
alert("Debe poner una contrasenia")
document.fvalida.contrasenia.focus()
return 0;
}
//el formulario se envia
document.fvalida.submit();
}
</script>
</head>
<body>
<div>
<img id="background" src="./imgs/Acceso.gif" alt="" title="" />
</div>
<div id="scroller">
<div id="content">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<form name='fvalida' action="validar.php" method="POST">
<p><br>
<input name="usuario" type="text" size="20" maxlength="50">
</p>
<p>
<input name="contrasenia" align="right" type="password" size="20" maxlength="50">
<br><br><br><br>
</p>
<td colspan="2" align="center"><img src="./imgs/ENTRAR.gif" width="143" onClick="valida_envia()" value="ENTRAR"></td>
</form>
</div>
</div>
</body>
</html>
Gracias!