css e tabelle

**daniele48** · 08-05-2004, 10:19

Salve a tutti,

avrei un piccolo problema da risolvere, situazione che non mi è mai capitata e quindi ho delle perplessità.

In una tabella di un recordset con n righe e 8 colonne, ho dei dati di un DB. Ora, cliccando sul dato di una determinata cella, accedo alla pagina di dettagli, dove trovo i dati completi.

Avrei la necessità di avere l'effetto rollover su tutta la riga della tabella, e penso di risolverlo con i css, ma non avendo mai incontrato questa situazione, non so da dove cominciare.

Qualcuno può aiutarmi??

Grazie

**panta** · 08-05-2004, 13:18

tr:hover {}

[non funziona su IE]

**daniele48** · 08-05-2004, 13:22

Scusa, non ho capito più di tanto: Puoi essere + preciso??

**panta** · 08-05-2004, 13:28

hai la tua tabella dico bene?

la riga della tua tabella è tr?

allora dai una pseudo classe hover a tr come faresti con un link

**panta** · 08-05-2004, 13:30

esempio

tr:hover {
background-color: #55F;
}

quando passi su quella riga lo sfondo diventa blu! ciao

**daniele48** · 08-05-2004, 15:14

che stupido!!!!!!!!! ha ragione, avrei dovuto pensarci da solo.

A volte le cose più ovvie o più logiche sfuggono.

Grazie, ora provo e poi ti faccio sapere.

**daniele48** · 08-05-2004, 16:39

Sembrava logico, ma non funge.

tr.eviden {background-color: #ffffff;}
tr.eviden:Visited {background-color: #ffffff;}
tr.eviden:Active {background-color: #ffffff;}
tr.eviden:Hover {background-color: #cccccc;}

<tr class="eviden" >

Dove ho sbagliato??

**panta** · 08-05-2004, 18:08

visited non penso che esista per i tr non lo so e active penso uguale

cmq sia sono da scrivere minuscoli hover, active e visited (e non funziona in Internet Explorer)

ciao

**daniele48** · 10-05-2004, 18:54

Comunque, alla fine, ho risolto così:

ho creato una classe list:

tr.list {font-family: Arial, Verdana, Helvetica; text-decoration: underline; font-size: 11px; color: #CF0040; background-color: #ffffff}

e poi nellla pagina:

<tr class="list" onmouseover="this.style.background='#A9A8A8'" onmouseout="this.style.background='#ffffff'">

e funziona perfettamente.

Ciao

**Jerry Masslo** · 11-05-2004, 05:45

per farlo via css devi devi impostare i link interessati con display:block esempio:

<html>
<head>
<title>Untitled</title>
<style type="text/css">
td {width:200px;
background:silver}
}
td a{display:block;background:red;
color:yellow
}
td a:hover{background:yellow;
color:red}

</style>

</head>

<body>

<table>
<tr>
<td><a href="#">
che succede col link
</a></td>
</tr>
<tr>
<td>che succede senza</td>
</tr>
</table>

</div>

</body>
</html>

Discussione: css e tabelle

Strumenti discussione

Ricerca discussione

Visualizza

css e tabelle

?

Permessi di invio