27/11/2013 19:57
Ciao Mattia,
ho bisogno di fare una "finta" pagina di inserimento password che dà sempre "password non corretta" come risposta.
Ho deciso di fare una index.html così strutturata:
cliccando su "Enter" si collega alla pagina wrong.htm:
Il css è così composto:
Adesso, dato che le due pagine dovrò visualizzarle da un ipad, occorrerebbe che fossero in responsive... quindi cosa occorre modificare per renderle in responsive?
ti allego 3 immagini per farti vedere come dovrebbero venire
come puoi vedere nella terza immagine, cliccando sul form di inserimento password dovrebbe essere più alto della tastiera dell'ipad (onde evitare che lo copra).
Credo sia tutto... ti rpego di farmi sapere
Grazie
ho bisogno di fare una "finta" pagina di inserimento password che dà sempre "password non corretta" come risposta.
Ho deciso di fare una index.html così strutturata:
Codice:
<html>
<head>
<title>Extra Contents</title>
<link href="css/stile.css" rel="stylesheet" type="text/css" />
</head>
<body class="bg-gray">
<div class="content">
<div class="text">
Enter the password to view the extra contents<br /><br />
<form id="form" name="">
</form><INPUT id="form" value=""><input id="input" type="submit" value="Enter"><br /><br />
Password
</div>
</div>
</body>
</html>
Codice:
<html>
<head>
<title>Extra Contents</title>
<link href="css/stile.css" rel="stylesheet" type="text/css" />
</head>
<body class="bg-gray">
<div class="content">
<div class="box">
<div class="text">
Invalid Password <br /><br />
<input id="input" type="submit" value="Ok">
</div>
</div>
</div>
</body>
</html>
Codice:
/* Fonts Styles */
@font-face {
font-family: "couriernew";
src: local("couriernew"), local("Couriernew"), url("couriernew.ttf") format("truetype");
}
h1,h2,h3,h4,h5,h6 {
font-family: "couriernew",Trebuchet MS, Arial, Helvetica, sans-serif;
}
.bg-gray{
background-color:#cecece;
}
.content{
position:relative;
width: 608px;
height: 236px;
}
.content .text{
position:relative;
align: center;
margin:10px 0;
padding:10px 30px;
font-family:"couriernew", Arial, Helvetica, sans-serif;
font-size: 16px;
}
.content .box{
position:relative;
align: center;
background-image: url(../imgs/box.jpg);
background-repeat: no-repeat;
width: 608px;
height: 236px;
}
#form {
position:relative;
font-family: "couriernew", Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 16px;
width: 150px;
background-color: #cecece;
border:#fff000 thin;
border: 1px;
}
#input {
position:relative;
font-family: "couriernew", Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
width: 80px;
background-color: #cecece;
border:#FF0 outset;
border: 1px;
}
Adesso, dato che le due pagine dovrò visualizzarle da un ipad, occorrerebbe che fossero in responsive... quindi cosa occorre modificare per renderle in responsive?
ti allego 3 immagini per farti vedere come dovrebbero venire
come puoi vedere nella terza immagine, cliccando sul form di inserimento password dovrebbe essere più alto della tastiera dell'ipad (onde evitare che lo copra).
Credo sia tutto... ti rpego di farmi sapere
Grazie