Tema: Form oculto desde el principio con "display:none" (consulta)
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/01/2011, 12:29
aldebaranlp
 
Fecha de Ingreso: enero-2011
Ubicación: Algun lado
Mensajes: 11
Antigüedad: 13 años, 10 meses
Puntos: 0
Form oculto desde el principio con "display:none" (consulta)
Bueno, e intentado hacer desaparecer un form , el cual debería luego aparecer con un .js el cual en este momento no es importante.
Mi problema esta que no puedo hacer que el form arranque oculto por el display:none colocandolo en donde sea , la class o el id , en el mismo form , en el div que encapsula o en los input ,los que realmente quiero hacer desaparecer. Creo que el problema esta en " position:absolute " pero ya que soy muy nuevo en el tema , desconfió de mi logica.


Cita:
<html>
<head>
<title>Entrada</title>
<link rel="StyleSheet" href="ent.css" type="text/css">
<script src="jquery.js" type="text/javascript"></script>
<script src="entrada.js" type="text/javascript"></script>
</head>
<body>
<img src="imagenes/arbdv.gif" alt="index-arbol">
<div class="centrar" >
<select name="num1" id="num1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<select name="num2" id="num2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<select name="num3" id="num3">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<select name="num4" id="num4">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</div>
<form class="centrar" name="fromentrada">
<div id="oculto">
Nombre:
<input type="text" name="usernombre" maxlength="15"
size="15">
<br>
Clave:
<input type="password" name="userclave" maxlength="12"
size="12">
<br>
<input type="button" value="Entrar" onclick="pverificar()">
</div>
</from>
</body>
</html>
Cita:
body{
color:#ffffff;
background-color:#000000;
}

body img{
position:absolute;
top:35%;
left: 55%;
margin-left:-100px;
margin-top:-100px;
width: 110px;
height: 110px;

}

.centrar{
position:absolute;
top:50%;
left: 50%;
margin-left:-100px;
margin-top:-100px;

}

.entranombrepass{
font-family:times new roman;
font-size:12px;
}

.menua {

list-style-type: none;
text-align: center;
background-color:#2e2e2e;
padding:0px;
margin:2px;
}

.menua li{
width: 150px;
font-family: Arial;
font-size: 18px;
font-style:bold;
font-weight:normal;
color:#ffffff;
background-color:#6e6e6e;
border-color:#ffffff;
border-width:2px;
border-style:solid;
display: inline-table;
}
.menua li:hover, menua li:active{
background-color:#eeeeee;
color:#000000;
}

.centropag{
top: 20%;
left:30%;
}

#oculto{
display:none;
}
Saludos