Impostare colore di sfondo

Ciao a tutti, eccomi nuovamente pronto a chiedere aiuto :lol:

Come impostare un colore di sfondo lo so benissimo, il problema è che ho un codice di questo tipo:

Codice:

---

<div id="container">
 <div class="sin">un blocco
                            un altro blocco
                            un altro ancora
                            così via...
</div>
<div class="des">un blocco
                            un altro blocco
                            un altro ancora
                            così via...
</div>

---

In questo modo mi vengono 2 "tabelle" una a sinistra e l'altra tutta a destra, fino a qui ci siamo... il problema è che nei "blocchi" (sarebbe TESTO + COLLEGAMENTO + FONTE) vorrei assegnare un colore di sfondo alterno per ogni blocco (uno bianco, uno azzurro, uno bianco e uno azzurro...)

Come posso fare?

Grazie

in css, usando lo pseudo-selettore :nth-child().

Grazie mille... ora vedo ;)

Citazione:

---

Originalmente inviato da dreadnaut

in css, usando lo pseudo-selettore :nth-child().

---

Ho dato un occhiata.. è abbastanza semplice.. ti ringrazio per la tua risposta rapida :wink:

Scusa... non riesco a dare il risultato che voglio..

Io vorrei qualcosa di questo tipo:

Codice:

---

TESTO + COLLEGAMENTO
                          + FONTE

                          TESTO + COLLEGAMENTO
                          + FONTE

TESTO + COLLEGAMENTO
                          + FONTE

---

Il colore deve essere di sfondo

Potresti darmi qualche consiglio?

Non ho ben compreso la struttura della pagina, potresti indicarne il codice o ancora meglio l'indirizzo?
Comunque, non continuare a parlare di tabelle anche dove non ce ne sono!

Infine, evita di scrivere messaggi consecutivi, se devi integrare con nuove informazioni modifica il precedente.

La pagina non è online comunque è come QUESTO per quanto riguarda l'impostazione.. come vedi ci sono colori di sfondo alternati.

Questa pagina è strutturata con tabelle mentre quella che ho fatto io è strutturata con i <div>.

Il problema è questo: "come faccio a dare lo stesso effetto applicato a questo codice (vedi sotto)?"

Codice:

---

<div id="container">
 <div class="sin">TESTO + COLLEGAMENTO
                            + FONTE

                            TESTO + COLLEGAMENTO
                            + FONTE

                            TESTO + COLLEGAMENTO
                            + FONTE

                            TESTO + COLLEGAMENTO
                            + FONTE
</div>
<div class="des">TESTO + COLLEGAMENTO
                            + FONTE

                            TESTO + COLLEGAMENTO
                            + FONTE

                            TESTO + COLLEGAMENTO
                            + FONTE

                            TESTO + COLLEGAMENTO
                            + FONTE
</div>

---

In blu è indicato il "blocco" interessato all'impostazione dello sfondo

Beh, il testo, il collegamento e la fonte sono "nudi"? Non hanno un elemento che li raggruppa, ovvero, tra il div.sin e il testo c'è qualche altro elemento o no?

vi sono degli <H3> per quanto riguarda il testo e poi c'è il tag <p> presente in tutti.

Sì, ma i differenti testi, col relativo collegamento e la relativa fonte sono tutti figli diretti del div.sin o sono raggruppati? È necessario che siano raggruppati, altrimenti a che elemento assegni il colore di sfondo?

Cosa mi potresti consigliare per raggrupparli? io ho provato alcune cose ma il risultato non è stato quello voluto..

Dei semplici div vanno più che bene, anche se dal punto di vista semantico è più una lista...

con i <div> ho provato ma inserendoli mi sfasa tutta la pagina.. non capisco perché..

E senza codice alla mano non ti si può aiutare... Non potresti caricare momentaneamente il tutto in una cartella nascosta e indicare qui l'indirizzo?

Se hai tutti <p>, :nth-child() (che non conoscevo) sembra faccia il tuo caso...

Ciao!

Grazie a tutti.. credo di aver risolto :D ora faccio una prova per vedere se funziona!

Vi ringrazio tutti per il supporto :)

Citazione:

---

Originalmente inviato da alemoppo

Se hai tutti <p>, :nth-child() (che non conoscevo) sembra faccia il tuo caso...

Ciao!

---

Spero non sia così, altrimenti significherebbe che ha messo gli h3 discendenti dei p, il che è sbagliato.

Citazione:

---

Originalmente inviato da karl94

Spero non sia così, altrimenti significherebbe che ha messo gli h3 discendenti dei p, il che è sbagliato.

---

No.. non ho fatto così... comunque ho risolto.. grazie Karl94 per avermi dato l'input :tongue