hover su un altro elemento con css

[nick03]

io ho questa tabella:

<table align="center" border="0">
<tr align="center"> 
<td><div id="socialg" title="puls1></div></td> 
<td><div id="socialf" title="puls2"></div></td> 
<td><div id="socialt" title="puls3"></div></td> 
</tr> 
<tr align="center"> 
<td width="33.3%"><div>pulsante1</div></td> 
<td width="33.3%"><div>pulsante2</div></td> 
<td width="33.3%"><div>pulsante3</div></td> 
</tr></table>

e questo css:

#socialg { width: 30px; height: 30px; background: url(1.jpg) no-repeat top right; } 

#socialg:hover{ background-position: top left; } 

#socialf { width: 30px; height: 30px; background: url(2.jpg) no-repeat top right; } 

#socialf:hover{ background-position: top left; } 

#socialt { width: 30px; height: 30px; background: url(3.jpg) no-repeat top right; } 

#socialt:hover{ background-position: top left; }

quindi quando passo il mouse sopra al div mi trasla l'immagine di sfondo, e in questo caso passa da immagine in bianco e nero a immagine a colori... questo per ogni singolo div...
ok fino a qui ok...

ora pero vorrei fare in modo che venisse applicato l'hover passando il mouse nell'intera colonna.
mi spiego meglio, faccio l'esempio della prima colonna:
il mouse se passa dentro il TD di PLUS1 o nel TD del PULSANTE1 il div plus1 deve fare l'hover...
quindi per la seconda colonna:
se il mouse passa nel TD di PLUS2 o nel TD di PULSANTE2 il div plus2 deve fare l'hover
e stessa cosa per il 3...

si puo fare?
o devo per forza usare javascript?
avevo letto che esiste il target nel CSS ma non riesco a trovare nulla che assomigli al mio caso, in modo da capire come funziona..

qualcuno sa aiutarmi?

grazie

[nick03]

forse è piu semplice farlo con 1 div padre e 2 div figli interni? (questo per ogni colonna)

facendo un esempio di una colonna sola:

<div id=padre>
<div id=immagineconhover></div>
<div id=pulsante></div>
</div>

ora come faccio a fare in modo che passando il mouse dentro al div PADRE si attivi l'effetto hover sul div IMMAGINECONHOVER?

[ldetomi]

Ciò che vuoi fare non si può fare in css, nel senso che in css con la pseudo-classe :hover controlli solo lo stato dell'oggetto su cui appunto fai l'hover... per fare hover su un div e ottenere l'effetto su un altro, devi appoggiarti a JavaScript....

[nick03]

ma se io ho un div esterno, sul quale passo il mouse, non posso fare l'hover al div interno?

[ldetomi]

Mi pare di averti appena scritto che non è possibile trasferire l'effetto a un altro oggetto. Se fai hover su un oggetto, puoi specificare solo lo stile che QUELL'oggetto avrà all'hover, altrimenti devi usare JavaScript..........

[nick03]

mi dispiace contraddirti ma ci sono appena riuscito, solo con CSS
e funziona sia su chrome sia su firefox sia su IE

passare il segnale dell'hover del mouse dal div esterno a quello interno è possibile solo con i css.
ho preso spunto dai css dei menu che si vedono nel 90% dei siti

[ldetomi]

posta il codice allora, si può sempre imparare qualcosa