• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

hover bei Tabellen

magifix

Neues Mitglied
Hallo,
ich möchte in einer Tabelle den Hintergrund einzelner Felder beim Drüberfahren ändern.
Nachfolgenden Code habe ich im Moment verwendet

.menu_so:hover {background-color:#666666;}

Der ändert bar nur den Bereich hinter den Buchstaben

wir kann/muss da der TD einegsetzt werden?
 
Hallo,

leider hatte ich es so nicht hingebracht, deswegen hatte ich die Frage präzisiert

folgenden Codeschnipsel hatte ich in der css-datei eingesetzt

.menu_so:TD:hover {

background-color:#666666;
}
 
Hallo,

es klappt einfach nicht
ich weiß immer noch nicht nicht warum

der Hintergrund ändert sich nicht beim Drüberfahren

hab mal meinen Testcode angehängt

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<link rel="stylesheet" type="text/css" href="menu.css">
<head>
<meta content="text/html;charset=ISO-8859-15"
http-equiv="Content-Type">
<title>test-hover</title>
</head>
<body>
<table style="text-align: left; width: 100%;" border="1" cellpadding="2"
cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;"><a class='menu_so' href='test.html'>1</b></font></a>
</td>
<td style="vertical-align: top;">2<br>
</td>
<td style="vertical-align: top;">3<br>
</td>

</tr>
</tbody>
</table>
<br>
</body>
</html>

.menu_so {
color:#ff0000;

hier die menu.css


text-decoration:none;
font-weight:bold;

}

.menu_wt {
color:#000000;

text-decoration:none;
font-weight:bold;

}

.menu_so td:hover {
background-color:#111111;
 
Weil
Code:
.menu_so td:hover
bei dir nicht greifen kann, denn die Klasse .menu_so hast du einem Link gegeben, der sich in einer Zelle befindet. Dein CSS erwartet aber ein Element mit der Klasse .menu_so, in dem sich noch eine Zelle befindet.
 
Gibt es denn für mein Problem eine Lösung
wie könnte/müsste die dann aussehen?

HTML:
<ul id="navigation">
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
</ul>
Code:
ul#navigation li:hover {
  background-color:#111111;
}
 
Zurück
Oben