Übergeordnete Tabellenzelle

[markus111]

Hallo,

ich möchte, das wenn man auf meiner Webseite im Menü über einen link geht, das dann die übergeordete Tabellenzelle die Hintergrundfarbe ändert. Geht das auch noch mit CSS, oder muss ich Javascript verwenden?

Kleines Beispiel:

<table>  
<tr>  
  <td  class="MeineCssKlasse"><!-- Diese Zelle soll die Hintergrundfarbe ändern -->  
   <a href=""><!-- Der Link --></a>  
  <td>  
</tr>  
</td>

a:hover  
{  
  /* Was hier schreiben? */  
}  
  
.MeineCssKlasse  
{  
  /* Und hier? */  
}

mfg.
markus111

[MudGuard]

Hi,

[code lang=css]a:hover
{
  /* Was hier schreiben? */
}

td:hover { /* ... */ }

(Achtung, IE ist bis mind. Version 6 zu blöd dafür)

(Eine einspaltige Tabelle ist eine Liste ...)

cu,
Andreas

[Der Martin]

Hi,

ich möchte, das wenn man auf meiner Webseite im Menü über einen link geht, das dann die übergeordete Tabellenzelle die Hintergrundfarbe ändert.

warum hier eine Tabelle? Ein Menü ist eine Liste von Links, also warum nicht eine Liste verwenden?

Geht das auch noch mit CSS, oder muss ich Javascript verwenden?

MudGuard hat dir schon eine Lösung aufgezeigt - zusammen mit ihrem Problem.

Die Alternative: Sorge dafür, dass der Link (das a-Element) das übergeordnete Element vollständig ausfüllt, und arbeite dann mit a:hover und der Hintergrundfarbe des Links.

So long,
 Martin

[Maede]

Also ich würde das wie folgt lösen:

Beispiel für CSS-Liste:

  
<ul>  
  <li><a href="URL">Beschreibung</a></li>  
  <li><a href="URL">Beschreibung</a></li>  
  <li><a href="URL">Beschreibung</a></li>  
  <li><a href="URL">Beschreibung</a></li>  
  <li><a href="URL">Beschreibung</a></li>  
</ul>  

Beispiel für CSS-Code

  
a {  
  background:#ccc;  /* Standardhintergrundfarbe */  
  text-decoration:none;  
}  
  
a:hover,  
a:active {  
  background:#666; /* Hintergrundfarbe, wenn Mauszeiger über dem Link*/  
}  

Ich hoffe es erklärt sich soweit von selbst:) ansonsten erkläre ich es noch bei Bedarf.

mfg: Maede