Salve ragazzi, per l'università stò creando un servizio web.
Per la precisione si tratta di un servizio di TakeAway on-line.
Bene, mi trovo di fronte al primo scoglio(per ora stò mettendo in pratica solo il lato client).
Nello specifico dei dettagli layout del sito, bene.
Innanzitutto questo è un codice di esempio, per la cronaca i form di registrazione con il relativo css:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://w3.org/1999/xhtml">
<head>
<title>Form di registrazione eTakeAway!</title>
<link rel = "stylesheet" type = "text/css" href = "css/styleReg.css" />
</head>
<body>
<form id = "register" method = "post" action = "home">
<div >
<label for = "email">Inserisci eMail di registrazione: </label>
<div class="input-reg"><input id = "email" name = "email" type="text" />
</div></p>
<label for = "emailConfirm">Conferma eMail: </label>
<div class="input-reg"><input id = "emailConfirm" name = "emailConfirm" type="text" />
</div></p>
<label for = "password">Scegli una Password: </label>
<div class="input-reg"><input id = "password" name="password" type="password" />
</div></p>
<label for = "passwordConfirm">Conferma Password: </label>
<div class="input-reg"><input id = "passwordConfirm" name="passwordConfirm" type="password" />
</div> </p>
<label for = "name">Nome: </label>
<div class="input-reg"><input id = "name" name = "name" type="text" />
</div> </p>
<label for = "surname">Cognome: </label>
<div class="input-reg"><input id = "surname" name = "surname" type="text" />
</div></p>
<label for = "telephone">Recapito telefonico: </label>
<div class="input-reg"><input id = "telephone" name = "telephone" type="text" />
</div> </p>
<label for = "cell">Recapito telefonico(cellulare): </label>
<div class="input-reg"><input id = "cell" name = "cell" type="text" />
</div></p>
<div>
Dove sei venuto a conoscenza del nostro servizio web? </p>
<label for = "howtosite">In un nosto punto vendita </label>
<input id = "howtosite" name = "howtosite" value = "pvendita" type = "radio">
<label for = "howtosite">Pubblicita' </label>
<input id = "howtosite" name = "howtosite" value = "publicity" type = "radio">
<label for = "howtosite">Nel Web </label>
<input id = "howtosite" name = "howtosite" value = "web" type = "radio">
<label for = "howtosite">Da un amico </label>
<input id = "howtosite" name = "howtosite" value = "friend" type = "radio">
<label for = "howtosite">Altro </label>
<input id = "howtosite" name = "howtosite" value = "other" type = "radio">
</p>
</div>
<label for = "condition"> In base alla legge 675/96 sulla tutela dei dati personali autorizzo il trattamento degli stessi per finalita' informative e/o pubblicitarie all'azienda </label>
<input id = "condition" name = "condition" value = "Accept" type = "checkbox"/>
</div>
<div><button type = "submit" id = "submit" value = "Register" >Registrati</button>
</div>
</div>
</form>
</body>
</html>
codice:
/* styleReg.css per il miglioramento grafico del form di registrazione. */
body {
background:url(http://localhost/eTakeAway/img/BK.jpg) no-repeat ;
background-attachment: fixed;}
/* Dettagli dell'immagine di sfondo */
form#register{ margin: 0;padding: 15px 15px 10px;
}
/* Dettagli delle etichette */
label{height: 30px;
font: 20px Arial,sans-serif;
margin-right: 5px;text-align: right;color: #D3FFB6}
/* Utleriore adeguamento dei form di input */
input{width: 300px;background: #FFF;
margin:5px 0 0 10px}
/* Eliminazione dei bordi e setting dei caratteri */
input,button{border: 0px solid;color: #822222;
font: 20px Arial,sans-serif}
/* Gestione del bottone */
button#submit{width: 130px;
height:25px !important;height /**/:30px;line-height: 25px;
display: inline;margin-left:95px;padding: 1px 0 4px;
cursor: pointer}
Bene, vi posto un screen per precisare il problema
immagine
Ecco, io vorrei che il corpo del sito web sia racchiuso entro le immagini ai piedi della pagina. E' possibile???
Ho provato con un:
Ma così facendo "scompare" la parte in alto che non rientra nella pagina...
Soluzioni?
In caso negativo, soluzioni alternative?
Rispondi quotando
