nicht angemeldet
a:hover in Tabelle
Hallo!
Ich bin gerade ein bisschen mit CSS am rumspielen und hab mir folgendes Menü gebastelt:
<html>
<head>
<style>
#test { width: 100px; }
#test a { display: block; background: #3399ff; border: #000000 1px solid; padding: 1px; }
#test a:hover { display: block; background: #ffffff; border: #3399ff 1px solid; padding: 1px; }
</style>
</head>
<body>
<table>
<tr><td id="test"><a href="test1.htm">TEST 1</a></tr>
<tr><td id="test"><a href="test2.htm">TEST 2</a></tr>
<tr><td id="test"><a href="test3.htm">TEST 3</a></tr>
<tr><td id="test"><a href="test4.htm">TEST 4</a></tr>
<tr><td id="test"><a href="test5.htm">TEST 5</a></tr>
</table>
</body>
</html>
Nun habe ich das Problem, dass in der ersten Tabellenreihe die Farbe geändert wird, auch wenn man mit der Maus ausserhalb des Links ist.
Warum ändert sich in den anderen Tabellenreihen die Farbe nur, wenn man mit der Maus direkt über dem Link ist?
Ich hätte es gerne so, wie in der ersten Tabellenreihe... also quasi td:hover... aber das geht ja nicht.
Wäre nett, wenn mir jemand sagen könnte wie ich das hinbekomme!
Paul
-
Hi,
<html>
doctype fehlt.
<head>
<style>type-Attribut fehlt.
#test { width: 100px; }
#test a { display: block; background: #3399ff; border: #000000 1px solid; padding: 1px; }
#test a:hover { display: block; background: #ffffff; border: #3399ff 1px solid; padding: 1px; }
</style>
</head>title element fehlt.
<body>
<table>
<tr><td id="test"><a href="test1.htm">TEST 1</a></tr>
<tr><td id="test"><a href="test2.htm">TEST 2</a></tr>selbe id unzulässigerweise mehrfach benutzt.
cu,
Andreas--
MudGuard? Siehe http://www.mud-guard.de/-
doctype fehlt.
type-Attribut fehlt.
title element fehlt.Danke, das ist sehr hilfreich für meine Frage... Ich habe mich bei dem Code auf das Wesentliche konzentriert, denke da kann man es verzeihen, wenn ich sowas weglasse!
selbe id unzulässigerweise mehrfach benutzt.
Okay, hast recht, aber das löst mein Problem auch nicht. Wäre für etwas konstruktivere Antworten sehr dankbar!
Paul
-
Hallo,
selbe id unzulässigerweise mehrfach benutzt.
Okay, hast recht, aber das löst mein Problem auch nicht.Bist du sicher? Ich hätte jetzt spontan darauf getippt. Hast du es ausprobiert?
Grüße
Jeena Paradies-
selbe id unzulässigerweise mehrfach benutzt.
Okay, hast recht, aber das löst mein Problem auch nicht.
Bist du sicher? Ich hätte jetzt spontan darauf getippt. Hast du es ausprobiert?Ich habe schon alles mögliche ausprobiert... unterschiedliche IDs, bei denen ich dann aber alles doppelt definieren müsste, Klasse für <td> und für <table>... aber mein eigentliches Problem, das halt das :hover nur in der _ersten_ auf die gesamte Reihe angewendet wird, wird dadurch nicht gelöst. Und ich verstehe nicht, wieso es nur in der ersten Reihe so angewendet wird.
Wäre für andere Vorschläge bzw. Methoden die bei euch vielleicht funktionieren sehr dankbar!Paul
-
Hallo,
Ich habe schon alles mögliche ausprobiert...
Auch so was:
-----------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<title>Testpage</title>
<style type="text/css">
body {
background-color: white;
color: black;
}
#menu {
width: 100px;
}
#menu a {
display: block;
width: 99%;
background: #3399ff;
border: black 1px solid;
}
#menu a:hover {
background: white;
border: #3399ff 1px solid;
}
</style>
</head>
<body>
<table id="menu">
<tr><td><a href="#">TEST 1</a></td></tr>
<tr><td><a href="#">TEST 2</a></td></tr>
<tr><td><a href="#">TEST 3</a></td></tr>
<tr><td><a href="#">TEST 4</a></td></tr>
<tr><td><a href="#">TEST 5</a></td></tr>
</table>
</body>
</html>
-----------------------------------------Bei mir funktioniert das - mit ein paar Einschrenkungen - sogar im IE 4 also müsste es auch bei dir funktionieren.
Grüße
Jeena Paradies-
Auch so was:
...Oh natürlich, ich hätte einfach nur die Breite des Links angeben müssen... warum bin ich da nicht selbst drauf gekommen?!
Vielen Dank!Bei mir funktioniert das - mit ein paar Einschrenkungen - ...
Die da wären?
Gruß,
Paul-
Hallo,
Bei mir funktioniert das - mit ein paar Einschrenkungen - ...
Die da wären?Kein Rahmen, kein padding. Damit können aber alle IE 4 Benutzer Leben da brauchst du dir keine Sorgen machen.
Grüße
Jeena Paradies
-
-
-
-
-
Hi,
doctype fehlt.
type-Attribut fehlt.
title element fehlt.Danke, das ist sehr hilfreich für meine Frage... Ich habe mich bei dem Code auf das Wesentliche konzentriert, denke da kann man es verzeihen, wenn ich sowas weglasse!
Nein - gerade bei CSS-Fragen sind Dinge wie der Doctype sehr wichtig - wegen der Browser, die anhand des Doctypes verschiedene Darstellungsmodi verwenden.
selbe id unzulässigerweise mehrfach benutzt.
Okay, hast recht, aber das löst mein Problem auch nicht. Wäre für etwas konstruktivere Antworten sehr dankbar!Doch, die Verwendung unterschiedlicher id löst das Problem.
cu,
Andreas--
MudGuard? Siehe http://www.mud-guard.de/-
Hi,
Doch, die Verwendung unterschiedlicher id löst das Problem.
bzw. einer Klasse statt mehrerer IDs...
freundliche Grüße
Ingo
-
-
-