[CSS] celle che cambiano colore

**Shenk87** · 07-09-2004, 11:23

.menu { background-color:#FFFFCC; color:#000099;}
.menu:hover { background-color:#000099; color: #FFFFCC;}

questo è il css che ho associato a ogni <tr> ma il :hover non funge

**Jerry Masslo** · 07-09-2004, 11:47

tr ?

a ogni modo qeull'hover ie non lo legge perché si applica all'elemento e ie se non sono link non se lo fila, tu ce li hai i link lì giusto?

.menu a:hover {}

se vuoi che cambi colore tutta la cella la cosa più semplice è

.menu a {display:block;
padding-top:misuraAdeguataAllaBisogna;
padding-bottom:misuraAdeguataAllaBisogna;
}

**Shenk87** · 07-09-2004, 11:57

misura? a me serve il colore?

**Jerry Masslo** · 07-09-2004, 12:02

Originariamente inviato da Shenk87
misura? a me serve il colore?

e il colore lo vuoi mettere nel padding?

quello serve per far allargare l'effetto su tutta la cella altrimenti colora lo sfondo solo della linea dove sta il link

i colori già li avevi no? usa quelli o non vuoi fare proprio niente?

**Shenk87** · 07-09-2004, 12:04

non avevo capito la funzione di padding.. ora provo, poi ti faccio sapere

**Shenk87** · 07-09-2004, 12:16

lo fa solo al link

questo è il codice:

codice:

<html>
<head>
</head>
<body>
<style>
.menu  { background-color:#FFFFCC; color:#000099;}
.menu:hover { background-color:#000099; color: #FFFFCC;}
.menu a {
display:block;
padding-top:100px;
padding-bottom:100px;
padding-right:300px;
} 
</style>
<TABLE width='180' cellpadding='0' cellspacing='0' class="myTable">
<TR >
	<TD>
	prodotti tricologici  
	</TD>

</TR>

	<TR>
	<TD>
decolorare
	</TD>
</TR>

 ... altr i così




</body>
</html>

**Jerry Masslo** · 07-09-2004, 12:31

facciamo così: siccome quel codice mi fa un po' senso

, tra l'altro c'è una classe per la tabella che poi nel codice manca ti posto un codice generale e te lo adatti

<html>
<head>
<title>Untitled</title>
<style type="text/css">
html, body {height:100%}
body {background:silver}
a {display:block;
color:white;
text-decoration:none;
padding-top:50px;
padding-bottom:50px;
text-align:center;
border:1px solid blue
}
a:hover {color:yellow;
background:blue;
border:1px solid yellow;
font-weight:bold;
}
td {width:100px;
background:gray;
}
</style>
</head>
<body>
<table>
<tr>
<td><a href="#">
Vediamo
</a></td>
<td>testo normale</td>
</tr>
</table>
</body>
</html>

**Shenk87** · 07-09-2004, 12:39

grandioso!!!!

stavo cercando di fare qualcosa in javascript (copiando il codice dal phpmyadmin) ma funzionava come al cavolo. ora va alla perfezione. cuiao e grazie

Discussione: [CSS] celle che cambiano colore

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] celle che cambiano colore

Permessi di invio