Ciao, ti posto un esempio di form che uso io e il relativo CSS per formattarlo.
Codice HTML
Codice CSScodice:<form id="contactform" action="#" method="post"> <fieldset> <legend>Invia Messaggio</legend></fieldset> </form>
- <label for="nome">Nome:</label> <input type="text" name="nome" id="nome" />
- <label for="cognome">Cognome:</label> <input type="text" name="cognome" id="cognome" /> <li class="odd"> <label for="email">E-Mail:</label> <input type="text" name="email" id="email" />
- <label for="oggetto">Oggetto:</label> <select id="oggetto" name="oggetto"> <option value="Nuovo Progetto">Nuovo Progetto</option> <option value="Nuova Domanda">Nuova Domanda</option> <option value="Saluti">Saluti</option> </select>
- <label for="nome">Messaggio:</label> <textarea name="messaggio" id="messaggio" rows="10" cols="30"></textarea> <li class="pulsanti"> <button type="submit">Invia Messaggio</button> <button type="reset">Cancella</button>
Provalo e modificalo in base alle tue esigenze.codice:/* Stile Form ----------------------------------------------------------------*/ form { margin: 20px 0; } /* Contactform */ #contactform { background: #f1f1f1; border-top: 4px solid #d5d5d5; border-bottom: 4px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; } #contactform ol { list-style-type: none; } #contactform ol li { padding-bottom: 10px; margin-bottom: 10px; margin-left: 30px; } #contactform legend { display: none; } #contactform label { display: inline-block; vertical-align: top; font-weight: bold; padding: 5px 0; width: 10em; margin-right: 1em; } #nome, #cognome, #email, #messaggio, #oggetto { width: 390px; border: 2px solid #d5d5d5; padding: 5px; font-size: 1.5em; } #oggetto { width: 404px; } #nome:focus, #cognome:focus, #email:focus, #messaggio:focus, #oggetto:focus { background-color: #FDFAD7; } #contactform .pulsanti { margin-left: 175px; } #contactform button { margin-right: 10px; padding: 10px 10px 10px 30px; cursor: pointer; background: #ac0000 url("immagini/freccia.png") no-repeat 5px center; border: 2px solid #840000; font-weight: bold; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
Per quanto riguarda le altre due richieste, controlla bene il percorso alle tue immagini, molte volte l'errore è lì.
![]()

Rispondi quotando