Hover på tabeller?

AnaXyd · 17. januar 2008

Jeg får rett og slett ikke til en hoverfunksjon på en tabell. Jeg skal ha hover funksjonen på en tr.

Hvordan?

tr:hover funker ikke...

bonedawg · 17. januar 2008

<tr onmouseover="this.style.borderColor='gray'" onmouseout="this.style.borderColor='black'">

er i hvertfall en måte å gjøre det på

Jesper Karsrud · 17. januar 2008

Idiotisk måte å gjøre det på, da. Hvilken nettleser testet du i, Anaxyd?

AnaXyd · 17. januar 2008

Firefox.. Har den problemer med dette?

EDIT: Dette skal fungere i en PHP kode, her er echoen:

echo '<tr onclick="location.href = \'' . $_SERVER['PHP_SELF'] . '?action=changeuser&' . $id . '=' . $row[0] . '\';">';

Som dere ser er dette en <tr> som trenger en liten hover på seg.

Endret 17. januar 2008 av AnaXyd

Jesper Karsrud · 17. januar 2008

Det fungerer her, så du må sjekke om det er noe annet som kødder til ting her, altså.

Jeg testet med denne koden:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>TR-hover-test</title>
<style type="text/css" media="screen">
	table tr:hover {
		background: #fed;
	}
</style>
</head>
<body id="">
<table border="0" cellspacing="5" cellpadding="5">
	<tr><th>Header</th></tr>
	<tr><td>Data</td></tr>
</table>
</body>

Den funket som fjell.

AnaXyd · 17. januar 2008

Det funket jaggu meg som fjell her også! Grunnen er at jeg ikke hadde med "table" før tr:hover tenker jeg...

Takk!

Haraldson · 18. januar 2008

Skal du ha hover i IE6 også, er sfHover-scriptet som brukes i Suckerfish det beste alternativet.

endrebjo · 18. januar 2008

Grunnen er at jeg ikke hadde med "table" før tr:hover tenker jeg...

Nope. Det skal ikke ha noen ting å si. Følgende eksempel lager også fin hover.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<style type="text/css">
		tr:hover {
			background-color: #000;
			color: #fff;
		}
	</style>
</head>
<body>
	<h1>hover-test</h1>
	<table>
		<tr><td>A</td><td>B</td><td>C</td><td>D</td></tr>
		<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
		<tr><td>kolonne1</td><td>kolonne2</td><td>kolonne3</td><td>kolonne4</td></tr>
	</table>
</body>
</html>

Logg inn

Hover på tabeller?

Anbefalte innlegg

AnaXyd

Videoannonse

bonedawg

Jesper Karsrud

AnaXyd

Jesper Karsrud

AnaXyd

Haraldson

endrebjo

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer