nicht angemeldet
tabellenzelle als link
hallo!
ich möchte eine tabellenzelle als link benutzen! d.h:
wenn die maus NICHT über der zelle ist soll der zellenhintergrund weiß sein und die schrift rot
wenn die maus dann über der zelle ist soll der zellenhintergrund rot sein und die schrift weiß
bis jetzt ist es mir nur gelungen das die textfarbe wechselt, wenn ich auch direkt den text berühre, es soll sich die farbe jedoch schon ändern wenn man über einen teil der zelle fährt
wer kann mir helfen?
danke im voraus!
mfg jakob
-
Versuch's mal hiermit:
<table>
<tr onclick="window.location.href='datei.html'">
<td class="klasse">
<a href="datei.html">Text</a>
</td>
</tr>
</table>Und im Stylesheet:
tr.klasse{ cursor:pointer; cursor:hand; }
td.klasse:hover { background-color: red; } -
Hi,
Du möchtest a {display:block;} definieren?!
freundliche Grüße
Ingo-
hi,
Du möchtest a {display:block;} definieren?!
und einen anderen browser als den IE nutzen, weil dieser die anforderung
bis jetzt ist es mir nur gelungen das die textfarbe wechselt, wenn ich auch direkt den text berühre, es soll sich die farbe jedoch schon ändern wenn man über einen teil der zelle fährt
nicht umsetzen kann - für den tritt der :hover-zustand erst dann ein, wenn sich der mauszeiger über dem _text_ des links befindet.
gruss,
wahsaga-
Hallo,
Du möchtest a {display:block;} definieren?!
und einen anderen browser als den IE nutzen, weil dieser die anforderung
nicht umsetzen kann - für den tritt der :hover-zustand erst dann ein, wenn sich der mauszeiger über dem _text_ des links befindet.Nein, diese Aussage ist falsch. Natürlich muss das A-Block-Element die volle Breite der Zelle ausfüllen, sprich width:100% haben.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Links in Zelle</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
table {width:500px; border:1px solid #000;}
td {border:1px solid #000; padding:0;}
td a {display:block; width:100%; margin:0;}
td a:link, td a:visited {color:#000; background-color:#00AEAD;}
td a:hover {color:#FFF; background-color:#003031;}
-->
</style>
</head>
<body>
<table>
<colgroup>
<col width="300">
<col width="200">
</colgroup>
<tr>
<td>Such- und Findedienst</td>
<td><a href="http://www.google.de">Google</a></td>
</tr>
<tr>
<td>HTML-Schulung und mehr...</td>
<td><a href="http://selfhtml.teamone.de">SelfHTML</a></td>
</tr>
<tr>
<td>Standards für das Internet</td>
<td><a href="http://www.w3.org">W3C</a></td>
</tr>
</table>
</body>
</html>viele Grüße
Axel
-
hi,
Nein, diese Aussage ist falsch.
ja, sehe ich jetzt auch, wenn ich meinen fall von letzte tage, bei dem ich dieses verhalten beobachtet habe, entsprechend korrigiere.
Natürlich muss das A-Block-Element die volle Breite der Zelle ausfüllen, sprich width:100% haben.
ich hatte für die links nur display:block, aber keine width-angabe - da ich davon ausgegangen war, dass display:block width:100% automatisch impliziert :-?
gruss,
wahsaga-
Hallo,
Natürlich muss das A-Block-Element die volle Breite der Zelle ausfüllen, sprich width:100% haben.
ich hatte für die links nur display:block, aber keine width-angabe - da ich davon ausgegangen war, dass display:block width:100% automatisch impliziert :-?
Antwort von Radio Eriwan:
Im Prinzip ja http://www.w3.org/TR/CSS2/visudet.html#q6, aber wäre das Leben nicht zu langweilig, wenn sich alles nur am Standard orientieren würde? ;-))viele Grüße
Axel
-
-
Hey!
...Danke für deine Bemühungen, ich glaube das ist genau das was ich suche!!!
mfg jakob
-
-
Hi,
warum sollte der IE :hover über ein a-Element nicht umsetzen können? Dieses Element - als blocklevel definiert - nimmt doch die gesamte Breite der Tabellenzelle ein.
freundliche Grüße
Ingo
-
-