- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Visualizzazione errata
-
Visualizzazione errata
Salve,
Poichè sto uscendo pazzo, mi vedo costretto a chiedere il vostro aiuto. Ho realizzato questo generatore di password, il mio problema è che quando visualizzo il sito con la finestra del Broswer ridotta, i form escono dall'immagine di sfondo sballando tutto.
Come posso risolvere?david92.altervista.org/generatore.html
[HTML]
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Generatore Password</title>
</head>
<script type="text/javascript">
<!--
var keylist = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
//var temp = ''
function generatepass(plength){
temp = '';
for (i=0; i<plength; i++)
temp += keylist.charAt(Math.floor(Math.random()keylist.length));
return temp;
}
function populateform(enterlength){
document.genera.password.value = generatepass(enterlength);
}
-->
</script>
<style type="text/css">
body {
background-image:url(generatore.png);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:380px;
/background-position:center;/
background-position:top;
}
#genera{
padding:150px 5px 8px 510px;
}
input, textarea { / Stili per il campo di testo e per la textarea /
background:#03B728; / Colore di sfondo /
border: 1px solid #323232; / Bordo /
color: #fff; / Colore del testo /
height: 30px; / Altezza /
line-height: 30px; / Altezza di riga /
width: 180px; / Larghezza /
padding: 0 10px; / Padding */
}</style><body>
<form name="genera" id="genera">
<legend>Scegli la lunghezza della password:</legend>
<p><input type="text" name="quanti" id="quanti" size="2" value="8" /></p>
<legend>Premi il pulsante per generare la password</legend>
<br />
<input type="text" size="30" name="password" id="password" />
<br /><input type="button" id="button" value="Genera Password" onClick="populateform(this.form.quanti.value)" />
</form>
</body>
</html>[/HTML]
-
Ho risolto.