CSS-Problem

Mirod · 12.08.2005, 17:11

Folgendes CSS:

Code:

html {
}

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

#titlebox {
	position: absolute;
	padding: 0px;
	left: 20px;
	top: 20px;
	height: 50px;
	width: 965px;

	background-image: url(titlebox.bmp);
}

#navigationbox {
	position: absolute;
	padding: 0px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	left: 20px;
	top: 90px;
	height: 490px;
	width: 200px;

	background-color: gray;
	background-image: url(navigationbox.bmp);
}

#inhaltbox {
	position: absolute;
	padding: 0px;
	left: 240px;
	top: 90px;
	height: 490px;
	width: 745px;

	background-image: url(inhaltbox.bmp);
}

a, a:hover, a:visited, a:active {
	text-decoration: none;
	display: block;
	color: red;
	font-size: 11pt;
}

a:hover {
	text-decoration: underline;
}

table {
	width: 100%;
	border: 1px solid black;
}

td.a:hover {
	background-color: yellow;
}

und dieses html:

Code:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
	<head>
		<title>Datenbank-Info DWH</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link href="styles.css" rel="stylesheet" type="text/css">
	</head>
	<body>
		<div id="titlebox"></div>
		<div id="navigationbox">
			<table>
				<tr><td>index</td></tr>
				<tr><td>blubb</td></tr>
			</table>
		</div>
		<div id="inhaltbox"></div>
	</body>
</html>

soweit alles prima, beides valide.
nur wenn ich über meinen link fahre wird das td darunter nicht gelb

$

kann mir einer helfen an was das liegt?

12.08.2005, 17:15

Wenn Du den IE verwendest, hast Du (eigentlich sowieso, aber in diesem speziellen Fall erst recht) den falschen Browser, guckst DU

http://css4you.de/hover.html

12.08.2005, 18:54

musste mal schauen ob du zur sicherheit nochmal ein javascript reinpackst.
kann den ie-leuten helfen...
einfach mal google fragen oder von anderen seiten klauen (bsp: phpmyadmin)

Baltasar · 12.08.2005, 19:21

Code:

td a:hover { 
   background-color: yellow; display:block; width: 100%;
}

1.) der punkt nach dem td durch ein leerzeichen ersetzt
2.) hab mal für den effekt noch display:block und width:100% reingesetzt. müsste klappen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
Sessions Problem	StephenKing	PHP Tipps 2008	3	16.10.2007 08:30
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
[Erledigt] Problem bei Massenmails versenden mit der Funktion mail		PHP-Fortgeschrittene	3	19.01.2005 13:36
[Erledigt] Problem mit Übergabe einer Klasse in PHP4		PHP-Fortgeschrittene	10	08.01.2005 21:00
Problem mit Weiterleitung		PHP Tipps 2004-2	16	22.12.2004 17:49
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
[Erledigt] PHP Upload (Master Value/Local Value Problem)		PHP-Fortgeschrittene	5	23.11.2004 07:21
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34
[Erledigt] Problem mit Timestamp!		PHP Tipps 2004	24	08.06.2004 19:51
Login Problem		PHP Tipps 2004	4	04.06.2004 18:46
foreach problem	mAy^daY	PHP Tipps 2004	3	02.06.2004 20:29


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

12.08.2005, 17:15
Gast Beiträge: n/a	Wenn Du den IE verwendest, hast Du (eigentlich sowieso, aber in diesem speziellen Fall erst recht) den falschen Browser, guckst DU http://css4you.de/hover.html

12.08.2005, 18:54
Gast Beiträge: n/a	musste mal schauen ob du zur sicherheit nochmal ein javascript reinpackst. kann den ie-leuten helfen... einfach mal google fragen oder von anderen seiten klauen (bsp: phpmyadmin)

12.08.2005, 19:21
Baltasar Erfahrener Benutzer Registriert seit: 26.10.2003 Beiträge: 592	Code: td a:hover { background-color: yellow; display:block; width: 100%; } 1.) der punkt nach dem td durch ein leerzeichen ersetzt 2.) hab mal für den effekt noch display:block und width:100% reingesetzt. müsste klappen.