Form In Tabella

[Vio_84]

Buongiorno, sono appena iscritta a questo forum per ricercare un po' di aiuto da parte vostra...
Premettiamo che sono alle prime armi con HTML e quindi le mie richieste di aiuto potranno sembrarvi piuttosto banali, ma per me non lo sono...

Avrei bisogno di creare un FORM di registrazione, e fin qui non ci sono problemi..
Vorrei però che il mio form avesse una grafica un po' migliore...
Tipo che le caselle di inserimento fossero tutte allineate uguali.. come faccio?
Devo creare una tabella in cui inserirlo? Mi sembra un controsenso...

Attendo il vostro aiuto..

Avrei anche un altro paio di richieste..
Ho caricato un sito internet sul web, è una cosa molto banale, un'immagine nella parte alta ed un testo nella parte bassa...
L'immagine è caricata e il percorso in cui la ricerca giusta, ma l'immagine non viene visualizzata! mi da il quadratino con la X e non vedo la mia immagine... è .gif...
Che tipo di problema potrebbe causare questa mancanza?

Un'altra cosa sempre su questo sito è per la visualizzazione delle foto..
utilizzo Postcardviewer, ed in locale funziona perfettamente, ma una volta caricato non mi carica le foto, mi presenta una pagina nera senza nessuna foto collegata...
Da cosa sarà dato quest'altro problema?

Se mi date una mano vi ringrazio..
Vio

[Tux7000]

Ciao Vio_84 e benvenuta nel forum.
Potresti postare il codice della tua pagina HTML?
In questo modo possiamo darti una mano.
Grazie

[Vio_84]

Non ho qui con me il codice, ma non è niente di particolare.. te ne posto uno simile..

<INPUT type="TEXT" name="nome" maxlength="30" size="20" value="Inserisci nome">

Il problema sorge quanto ho più caselline che non mi si impaginano bene!

[Tux7000]

Ciao, ti posto un esempio di form che uso io e il relativo CSS per formattarlo.

Codice HTML

<form id="contactform" action="#" method="post">
<fieldset>
<legend>Invia Messaggio</legend>

	<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>
	
</fieldset>
</form>

Codice CSS

/* 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;
}

Provalo e modificalo in base alle tue esigenze.

Per quanto riguarda le altre due richieste, controlla bene il percorso alle tue immagini, molte volte l'errore è lì.

[Vio_84]

Grazie mille per il suggerimento..
Davvero!
Proverò a ricontrollare i percorsi.. ma è una cosa così strana...ho verificato ieri sera..
per ora ti ringrazio!
Buona giornata!

[Tux7000]

Prego!
Buona giornata anche a te!