CSS: hintergrundfarbe in tabellenzeile

[ben-pen]

Hallo, wiei ändere ich die hintergrundfarbe einer ganzen tabellenzeile bei mouse over?

So siehr es bei aus:

.productTable a:hover{
background-color: #FFFFFF;
display: table-row;
cursor: default;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;

wenn es nur die zelle sein soll funktioniert es mit "display: block"
aber "table-row" funktioniert nicht

vielen Dank für Hilfe

BP

 

[msslovi0]

<style type="text/css">
	.productTable tr {
		background: #CCC;	
	}
	.productTable tr:hover {
		background: #FF0;
	}	
</style>

<table class="productTable">
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
	</tr>
</table>

Siehe auch http://www.css4you.de/hover.html

Matt

 

[ben-pen]

Super vielen Dank.

ist es auch möglich dies auch einzelene Zeilen einer Tabelle zuzuweisen?

Also nicht für die komplette Tabelle.

 

[Saturos]

Einfach das gleiche für <tr> statt für <table> definieren... oder nicht?

 

[ThaHammer]

Wenn Du die Klasse dem td zuweist gehst auch für jede Zelle!

 

[msslovi0]

Es ist ja für tr definiert. Er will es aber für bestimmte Zeilen haben:

<style type="text/css">
	.productTable tr {
		background: #CCC;	
	}
	.productTable tr.hover:hover {
		background: #FF0;
	}	
</style>

<table class="productTable">
	<tr class="hover">
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
	</tr>
	<tr class="hover">
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
	</tr>
</table>

Matt

 

[ben-pen]

Perfekt @ msslovi0

Danke