Forum by laureateci.it
[ Home | REGOLE FORUM | Tutti i blog | Profilo | Registrati | CHAT | Discussioni Attive | Discussioni Recenti | Segnalibro | Msg privati | Sondaggi Attivi | Utenti | Download Informatica | Download ICD | Download TPS | Download Magistrale | Download Specialistica | Giochi | Cerca nel web | cerca | faq | RSS ]
Nome Utente:
Password:
Salva Password
Password Dimenticata?

 Tutti i Forum
 ITPS - Secondo Anno
 Programmazione per il Web + Lab.
 info css

Nota: Devi essere registrato per poter inserire un messaggio.
Per registrarti, clicca qui. La Registrazione è semplice e gratuita!

Larghezza finestra:
Nome Utente:
Password:
Modo:
Formato: GrassettoCorsivoSottolineatoBarrato Aggiungi Spoiler Allinea a  SinistraCentraAllinea a Destra Riga Orizzontale Inserisci linkInserisci EmailInserisci FlashInserisci Immagine Inserisci CodiceInserisci CitazioneInserisci Lista Inserisci Faccine
   
Icona Messaggio:              
             
Messaggio:

  * Il codice HTML è OFF
* Il Codice Forum è ON

Smilies
Approvazione [^] Arrabbiato [:(!] Bacio [:X] Bevuta [:273]
Caldo [8D] Compiaciuto [8)]    
compleanno [:269]
Davvero Felice [:D] Diavoletto [}:)] Disapprovazione [V] Domanda [?]
Felice [:)] Fumata [:29] Goloso [:P] Imbarazzato [:I]
Infelice [:(] Morte improvvisa da [:62]
Morto [xx(] Occhio Nero [B)] Occhiolino [;)] Palla 8 [8]
pc [:205]    
Riproduzione [:76]
Scioccato [:O]      

   Allega file
  Clicca qui per inserire la tua firma nel messaggio.
Clicca qui per sottoscrivere questa Discussione.
    

V I S U A L I Z Z A    D I S C U S S I O N E
peppe6387_g Inserito il - 06/07/2009 : 19:32:56
Ciao raga, ho appena finito di studiare i css, ma ho un grandissimo dubbio.
Nell' esercitazione del 2 aprile dice di creare un form di registrazione, di centrarlo, di fare l'intestazione del form di colora rosso, ecc.. ecc.., ma nelle slide non dice come creare il form che lui vuole, neanche un piccolo esempio.
Mi potreste aiutare, vi ringrazio.
2   U L T I M E    R I S P O S T E    (in alto le più recenti)
peppe6387_g Inserito il - 07/07/2009 : 09:17:49
Grazie mille
dunerpenpo Inserito il - 06/07/2009 : 20:33:13
Il codice seguente mostra come l'ho svolta io l'esercitazione. Vedi se ti può essere utile!

File Form.htm

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Form di registrazione</title>
<link rel="stylesheet" type="text/css" href="stile.css" />

</head>
<body>
<form id = "form1" action=".." method = "post">
<fieldset id = "frame1" class = "down">
					<legend>Form di registrazione</legend><br />
					<label class = "testo" id = "label1" for = "input1">Nome</label>
					<input class = "text" type = "text" id = "input1" tabindex = "1"/><br />
					
					<label class = "testo" id = "label2" for = "input2">Cognome</label>
					<input class = "text" type = "text" id = "input2" tabindex = "2"/><br />

					<label class = "testo" id = "label3" for = "input3">Corso di Studi</label>
					<input class = "text" type = "text" id = "input3" tabindex = "3"/><br />
					
					<label class = "testo" id = "label4" for = "input4">Numero di Matricola</label>
					<input class = "text" type = "text" id = "input4" maxlength = "7" tabindex = "4"/><br />

					<label class = "testo" id = "label5" for = "input5">Password</label>
					<input class = "text" type = "password" id = "input5" tabindex = "5"/><br />
					
					<label class = "testo" id = "label6" for = "input6">Ridigita la Password</label>
					<input class = "text" type = "password" id = "input6" tabindex = "6"/><br />
					
					<label id = "label7" for = "option1">Maschio</label>
					<input class = "opt" id = "option1" type = "radio" name = "option" tabindex = "7" />
					
					<label id = "label8" for = "option2">Femmina</label>
					<input class = "opt" id = "option2" type = "radio" name = "option" tabindex = "8" /><br /><br />
					
					<label id = "label9" for = "textarea1">Varie</label><br />
					<textarea id = "textarea1" tabindex = "9" rows = "6" cols = "36"></textarea><br />
			
</fieldset>
<fieldset id = "frame2">
					<legend>Conferma ed invio dati</legend>
					<br />
					<input class = "cmd1" type = "button" id = "cmd1" value = "Invia" title="Clicca" tabindex = "10" />
					<input class = "cmd2" type = "reset" id = "cmd2" value = "Cancella" tabindex = "11" />
					<br /><br />
</fieldset>
</form>
</body>
</html>



File stile.css

fieldset {width: 500px; margin-left: auto; margin-right: auto}

fieldset.down {width: 500px; margin-left: auto; margin-right: auto; margin-top: 30px; min-height: 500px}

legend {color: red}

label {margin-left: 10px; margin-top: 10px; margin-top: 10px}

label.testo {display: block; float: left; margin-left: 10px;  width: 150px; margin-top: 5px; vertical-align: middle}

textarea {margin-left: 10px}

input.text {width: 150px; margin-top: 10px; margin-left: 5px; vertical-align: middle;}

input.opt {margin-top: 10px; margin-left: 5px}

input.cmd1 {width: 100px; margin-left: 5px}

input.cmd2 {width: 100px; margin-left: 70px}

Forum by laureateci.it © 2002 - 2012 Laureateci Communications Torna all'inizio della Pagina
Il DB ha risposto in 0,05 secondi.

TargatoNA.it | SuperDeejay.Net | Antidoto.org | Brutto.it | Equiweb.it | Snitz Forum 2000