css tabella

[chucky831]

ciao a tutti volevo un consiglio. Ho realizzato questa tabella tanto per capirne il funzionamento. Ora dato che il mio sfondo è nero anche le parole sono nere e quindi non si vedono. Per metterle in bianco con i css devo creare un div per ogni parola o c'è un metodo più veloce? ecco l'esempio di tabella:




<table align="center" border="1">
<form method="post" name="modulo">
<tr>
<td colspan="2" align="center">Registrazione al servizio
Tutti i campi sono obbligatori</td>
</tr>
<tr>
<td>Nome</td>
<td><input type="text" name="nome"></td>
</tr>
<tr>
<td>Cognome</td>
<td><input type="text" name="cognome"></td>
</tr>
<tr>
<td>Nickname</td>
<td><input type="text" name="nickname"></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td>Conferma password</td>
<td><input type="password" name="conferma"></td>
</tr>
<tr>
<td>Data di nascita (es: 12/04/1978)</td>
<td><input type="text" name="nascita"></td>
</tr>
<tr>
<td>Sesso</td>
<td>
<input type="radio" name="sesso" value="M" checked>M
<input type="radio" name="sesso" value="F">F
</td>
</tr>
<tr>
<td>Città</td>
<td>
<select name="citta">
<option>- Seleziona la tua città -</option>
<option value="Roma">Roma</option>
<option value="Milano">Milano</option>
<option value="Napoli">Napoli</option>
<option value="Firenze">Firenze</option>
<option value="Bologna">Bologna</option>
</select>
</td>
</tr>
<tr>
<td>Indirizzo</td>
<td><input type="text" name="indirizzo"></td>
</tr>
<tr>
<td>Telefono (senza spazi nè simboli)</td>
<td><input type="text" name="telefono"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td>Homepage</td>
<td><input type="text" name="homepage" value="http://"></td>
</tr>
<tr>
<td colspan="2">Firma</td>
</tr>
<tr>
<td colspan="2" align="center">
<textarea name="firma" rows="5" cols="32">Inserisci qui il tuo slogan!</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<input type="button" value="Invia" onClick="Modulo()">
</td>
</tr>
</form>
</table>

[RdG]

ciao, le tabelle non si dovrebbero più utilizzare per scopi che non siano quelli di tabulare informazioni tipo eventi, calendarizzazioni ecc, insomma fuori dal loro scopo.
Però è pur vero che ognuno ha il diritto di fare quello che vuole , di certo l'utilizzo non appropriato porta alla creazione di pagine non standard, praticamente il "99%" (citazione più che famosa) del web, e ci sono pure io dentro .

Dopo questo preambolo alquanto inutile ecco il codice:

lo stile
.bianco{
color:#FFF;
}

l'html
<table class="bianco" align="center" border="1">

oppure direttamente inline :
<table style="color:#FFF;" align="center" border="1">
in questo caso non serve lo style assegnato come sopra.

[chucky831]

grazie per la risposta ma per cambiare colore alle scritte all'interno della tabella come faccio? così mi cambia solo il colore della tabella

[RdG]

posta il codice

[chucky831]

questo è il codice :

<table align="center" border="1">
<form method="post" name="modulo">
<tr>
<td colspan="2" align="center">Registrazione al servizio
Tutti i campi sono obbligatori</td>
</tr>
<tr>
<td>Nome</td>
<td><input type="text" name="nome"></td>
</tr>
<tr>
<td>Cognome</td>
<td><input type="text" name="cognome"></td>
</tr>
<tr>
<td>Nickname</td>
<td><input type="text" name="nickname"></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td>Conferma password</td>
<td><input type="password" name="conferma"></td>
</tr>
<tr>
<td>Data di nascita (es: 12/04/1978)</td>
<td><input type="text" name="nascita"></td>
</tr>
<tr>
<td>Sesso</td>
<td>
<input type="radio" name="sesso" value="M" checked>M
<input type="radio" name="sesso" value="F">F
</td>
</tr>
<tr>
<td>Città</td>
<td>
<select name="citta">
<option>- Seleziona la tua città -</option>
<option value="Roma">Roma</option>
<option value="Milano">Milano</option>
<option value="Napoli">Napoli</option>
<option value="Firenze">Firenze</option>
<option value="Bologna">Bologna</option>
</select>
</td>
</tr>
<tr>
<td>Indirizzo</td>
<td><input type="text" name="indirizzo"></td>
</tr>
<tr>
<td>Telefono (senza spazi nè simboli)</td>
<td><input type="text" name="telefono"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td>Homepage</td>
<td><input type="text" name="homepage" value="http://"></td>
</tr>
<tr>
<td colspan="2">Firma</td>
</tr>
<tr>
<td colspan="2" align="center">
<textarea name="firma" rows="5" cols="32">Inserisci qui il tuo slogan!</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<input type="button" value="Invia" onClick="Modulo()">
</td>
</tr>
</form>
</table>

lo sfondo è nero vorrei che tutte le scritte della tabella fossero bianche quindi devo creare più classi div?

[RdG]

intendevo il codice modificato, ma l'hai messo lo stile qui?
<table style="color=#FFF;" align="center" border="1">

[chucky831]

sisi però l'ho messo nel file .css

[RdG]

Ok, quindi ti funziona ora.