Riga con effetto :hover

[victor8872]

Salve, ho questo

<style type="text/css">
<!--
a:hover {
background-color: #FF0000;
}
-->
</style>

mi colora solo il link al passaggio del mouse.

Come faccio a colorare tutta la riga?
Grazie

[Mich_]

I CSS possono agire solo su oggetti HTML, e la "riga" in linea generale non e` un oggetto (ma nel tuo codice potrebbe anche esserlo).

Anzitutto quindi posta il codice HTML della riga (compreso il DOCTYPE della pagina).

Poi c'e` un problema legato al brwoser IE6, in cui l'effetto :hover e` applicabile solo ai link. Eventualmente si puo` pensare di usare un JS per insegnare ad IE l':hover su oggetti diversi dai link.

[victor8872]

la riga è una template column di una pagina aspx

[Mich_]

Originariamente inviato da victor8872
la riga è una template column di una pagina aspx

ma se uno non consoce ASP o ASPX stai parlando al vento. E comunque anche sapendo che oggetto e` lato server, non risolve il problema lato client (che e` il codice su cui agisce il CSS)

Nella pagina HTML, che oggetto e` la "riga"?
Posta il codice HTML (come lo riceve il browser).

[Stainboy]

Forse intendi un rollover??

[victor8872]

su questa pagina aspx riesco a fare in modo che il link diventi rosso quando uno ci va sopra

con questo css di dreamweaver

<style type="text/css">
<!--
a:hover {
background-color: #FF0000;
}
-->
</style>

quindi presumo che potendolo fare sul link si possa anche fare su tutta la riga che contiene il link. Cioè vorrei che quando uno va sul link si illumini tutta la riga.

Il codice che restituisce il browser sul link è il seguente

</td><td>elimina</td><td>mostra</td><td>mod</td>

La cosa assurda è che una volta ci ero riuscito ma oggi non trovo più foglio con gli appunti

Grazie

[Mich_]

Non conosco Dreamweaver, e non posso parlare di programma che (tra l'altro) fa cose non standard.
Se il tuo problema e` far fare a DW qualcosa di cui non sei capace, hai sbagliato forum: dillo e sarai spostato nel forum degli applicativi (specifica se gira sotto Win o sotto Linux).

Se invece il problema e` sistemare il CSS, devi farlo indipendentemente dall'applicativo che usi per generare la pagina (devi editare con un editor molto meno intelligente, tipo Notepad-BolccoNote).

Ti ho chiesto di postare la riga, ma tu ne hai postato solo un pezzetto.
Comunque adesso almeno e` chiaro chela riga e` una riga di una tabella: un tag <tr>.
Pero` nella stessa riga hai dei link, che hanno necessita` di gestire il mouse indipendentemente.
Che io sappia non e` quindi possibile usare i CSS per gestire il colore (o altro attributo) di un <tr>, quando all'interno ci sono dei link. Credo che puoi risolvere tramite JS (sempre che sia ammissibile usarlo per i tuoi scopi).
Se vuoi una risposta che utilizzi JS, ti sposto in tale forum.

[victor8872]

spostami dove ritieni sia più necessario
grazie

[Mich_]

Spostato in JS.
Ma credo che dovrai dare piu` info, per poter essere aiutato.

[dwj]

Ciao,

puoi gestire l'hover sui <tr> via css:

tr:hover {
// codice
}

come se fossero un link. :hover funziona su tutti o quasi i tag HTML. Naturalmente questo non vale per IE6 e precedenti.

Se proprio vuoi che anche quegli utenti vedano l'hover devi usare un js del tipo:

function setOver () {
   // l'id della tabella
   var tabella = document.getElementById("id-tabella")
   // tutte le celle della tabella
   var righe = tabella.getElementsByTagName("td");
   for (i=0;i<righe.length;i++) {
      righe[i].onmouseover = function () {
         this.style.backgroundColor = "#RRGGBB";
      };
      righe[i].onmouseout = function () {
         this.style.backgroundColor = "";
      };
   }
}

// lo carichi quando la pagina si è caricata
window.onload = function () {
   setOver();
};