Hover-Effekt: Zwei Spalten ansprechen

[Orlando]

Hallo Philip,

http://www.fussball-pur.de/beispiel_hover.gifhttp://www.fussball-pur.de/beispiel_hover.gif

Kann ich mit CSS beim Hover 2 Spalten ansprechen? Wie auf der Grafik zu erkennen ist, verändern sich zwei Spalten (links von blau auf orange, rechts von hellgrau auf dunkelgrau).

Eine Tabelle ist überflüssig, das ist besser mit einer http://de.selfhtml.org/html/text/listen.htm#aufzaehlung@title=Liste umzusetzen und funktioniert dann auch im IE (der :hover nur für a-Elemente kennt). Vorschlag:

HTML

  
<[ref:self811;html/text/listen.htm#aufzaehlung@title=ul] id="navigation">  
 <li><a href="…">Spieltag</a></li>  
 <li><a href="…">Tabelle</a></li>  
</ul>

CSS

  
[ref:self811;css/formate/zentrale.htm#individualformate@title=#navigation a] {  
  [ref:self811;css/eigenschaften/positionierung.htm#display@title=display]:block;  
  [ref:self811;css/eigenschaften/positionierung.htm#width@title=width]:6em;  
  [ref:self811;css/eigenschaften/hintergrund.htm#background_color@title=background-color]:#ccc;  
  [ref:self811;css/eigenschaften/rahmen.htm#border_width@title=border-left]:.2em solid #005;  
  [ref:self811;css/eigenschaften/innenabstand.htm#padding_left@title=padding-left]:.1em;  
}  
  
#navigation [ref:self811;css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=a:hover] {  
  border-left-color:#880;  
  background-color:#aaa;  
}

Siehe auch <http://de.selfhtml.org/css/layouts/anzeige/nav_vertikal.htm@title=SELFHTML: Navigationslisten>

Grüße
 Roland