[HTML] uso corretto di stili

[Starvation]

Ciao a tutti, avrei bisogno di un consiglio (diciamo un aiutone, che è più corretto :P)

La situazione è questa:
(è php con html ma il mio problema riguarda html per questo ho postato qui)

ho due (chiamiamole) news

news 1
news 2


ogni news ha le seguenti voci

titolo
sottotitolo
data

Ogni voce ha il suo stile
ES:
mettiamo che titolo abbia un font grande 10px
sottotitolo sia in corsivo con font da 8px
data sia bold
(gli stili sono presi da css)


le due news sono in sequenza in un marquee che all'incirca sarà così


titolo 1
sottotitolo 1
data 1
-------
titolo 2
sottotitolo 2
data 2



ora viene il bello

vorrei che al passaggio del mouse su una voce tutte le voci appartenenti alla stessa news di quella che scatena l'hover diventassero rosse


come mi consigliate di procedere?
nel marquee, in questo caso, meglio usare una table o le div?

fate conto che le voci nel marquee sono create tramite un ciclo while in php e non a mano una per una


Saluti

[ricman]

Originariamente inviato da Starvation
vorrei che al passaggio del mouse su una voce tutte le voci appartenenti alla stessa news di quella che scatena l'hover diventassero rosse

Potresti spiegare meglio questa frase? Non la capisco...

[Starvation]

Certo

Metti caso che l'utente passi col mouse sopra la voce titolo 1 del marquee

In questo caso vorrei che venisse "forzato" il colore di "titolo 1, sottotitolo 1 e data 1" a rosso, mantenendo però lo stile del css, tutto qui

[andrew low]

Ci sono due modi per farlo:

con js(se js è disabilitato non funziona) o con i css (funziona sicuramente)

Con js non so come si fa

Mentre con i css fai una cosa così:

metti i 3 campi della notizia dentro un unico div.

Poi usi un css così:

#id_del_div_della_news1 :hover {
color: red !important;
}

Se non hai già definito un colore per uno dei 3 campi interni alla notizia (cioè titolo, sottotiolo e data), puoi pure togliere "!important"

[Starvation]

No, in questo progetto non devo usare js, devo sbrigarmela coi css

Grazie per l'info, domattina provo, non ero a conoscenza dell' !important

[Starvation]

Sfortunatamente l' !important non è supportato da IE (figuriamoci, sarebbe stato troppo comodo... )

Avete idea sull'utilizzo di qualche "trucchetto" per ottenere un risultato simile all' !important su IE?

[ricman]

Originariamente inviato da Starvation
Avete idea sull'utilizzo di qualche "trucchetto" per ottenere un risultato simile all' !important su IE?

Scrivi il codice, SOLO il pezzettino incriminato e RIASSUNTO elimando gli smerletti e cià che non serve, te lo correggo subito...

[Starvation]

<marquee  id="SCROLLER" behavior="scroll" direction="up" scrollamount="1" scrolldelay="20" truespeed onmouseover="this.stop()" onmouseout="this.start()" >

<div style="cursor:pointer;">
	
titolo 1

sottotitolo 1	
	
luogo 1		
	
</div>


<div style="cursor:pointer;">
	
titolo 2

sottotitolo 2	
	
luogo 2		
	
</div>



</marquee>

Questa è a grandi linee la struttura del marquee con due news

[ricman]

Marquee non è deprecato o proprietario? (premetto quindi coh non lo conosco)

Vabbè... Anche il codice non è granchè...

Detto questo dobbiamo individuare da css i div che contengono le news.
Puoi prenderli con regole tipo (nel file .css):

"marquee div" (per assegnargli, ad esempio, un sfondo)
oppure
"marquee div a" (se vuoi andare direttamente a colpire il tag A e dargli il colore)

Se non dovess funzionare così fai una classe per i div e vai a modificare anche il ciclo While che te li costruiva)