Stile evidenziato nei CSS

[-Admin-]

Vorrei tentare di ottenere con i CSS il risultato che trovate nell'immagine che vi ho allego.
Il mio scopo è quello di riprodurre l'effetto evidenziato delle celle della tabella centrale del sito e i colori delle scritte!
Da sottolineare che il portale è suddiviso in 3 colonne, lo stile desiderato dovrà essere applicato solo alla colorra centrale del sito.

Grazie 1000.

[Federix]

Per fare questo bsta mettere lo sfondo alla cella in cui si trova la scritta:

.cellanorm { font: 12px Arial; }
.cellaevid { font: 12px Arial; background-color: #CCCCCC; }

<td class="cellanorm"></td
<td class="cellaevid"></td>

[-Admin-]

Ho inserito le stinghe che mi hai fornito in un file esterno che ho denominato tabella.css e l'ho richiamato con il seguente codice:

<link href="stile.css" rel="stylesheet" type="text/css">

ma non ho ottenuto nessun risultato!

Chi sà aiutarmi?

[Jerry Masslo]

se lo hai chiamato tabella.css lo devi richiamare con questo nome non con stile.css

[-Admin-]

Si, scusa ho sbagliato a scrivere. Il file esterno l'ho chiamato con tabella.css:

<link href="tabella.css" rel="stylesheet" type="text/css">

Secondo me è un errore di codice!
Faccio presente che nelle stinghe che mi ha fornito Federix c'è un tag aperto, l'ho chiuso io! Sono quindi a conoscenza della svista dell'utente!

Ciao

[Jerry Masslo]

nel file esterno devi mettere solo le prime due e poi dentro la tabella inserire le altre due.

nel css esterno

.cellanorm { font: 12px Arial; }
.cellaevid { font: 12px Arial; background-color: #CCCCCC; }

la tabella ti si deve presentare come qualcosa del genere:

<table>
<tr>
<td class="cellanorm">porompompero</td>
<td class="cellaevid">porompompero</td>
</tr>
</table>

se oltre allo sfondo grigio vuoi qualcos'altro, specificalo

[-Admin-]

Grazie ancora per l'aiuto!
Ora è tutto + chiaro!

..
...
....

Ho finito ora di provare ciò che mi è stato spiegato da Jerry Masslo, ho eseguito tutto correttamente, ho richiamato il file css esterno tramite il solito codice e ho inserito nella pagina web le seguenti stinghe:

<table>
<tr>
<td class="cellanorm">porompompero</td>
<td class="cellaevid">porompompero</td>
</tr>
</table>

...purtroppo però non ho ottenuto niente, le celle delle tabelle sono rimaste "bianche".

Che fare?

[sms]

boh!
prova nel css cosi
.cellanorm {
font: 12px Arial;
}
.cellaevid {
font: 12px Arial;
background-color: #CCCCCC;
}

[-Admin-]

Yesssssssssssss, ora funziona!!!

Grazie

:mavieni:

[Jerry Masslo]

Originariamente inviato da sms
boh!
prova nel css cosi
.cellanorm {
font: 12px Arial;
}
.cellaevid {
font: 12px Arial;
background-color: #CCCCCC;
}

:master:

questa mi è nuova, voglio dire il tuo codice è uno dei modi per rendere di più facile lettura il css ma è identico a quello originale che per scrupolo ho provato e a me funziona pure su ie4, che è tutto dire, sospetto che admin nella priva versione abbia saltato qualcosa magari una parentesi, non me lo spiego altrimenti.