apsel: Verschieben der Hintergrundgrafiken anderer div's bei Links

Beitrag lesen

Om nah hoo pez nyeetz, Enrico!

Konkludierend deuten alle Zeichen wohl tatsächlich darauf hin, dass ich mein Vorhaben mittels Javascript umsetzen muss?! :-|

nicht zwingend. Ohne deine konrete Seite zu kennen, wäre folgendes (mit Einschränkung der Semantik denkbar) denkbar:

<ul>
  <li>Menüpunkt 1</li>
  <li>Menüpunkt 2</li>
  ...
  <li>Menüpunkt k</li>
  <li id="lampe1">Lampe1</li>
  <li id="lampe2">Lampe2</li>
</ul>

Die "Lampen positionierst du absolut, sodass sie in der Liste der Menüpunkte nicht auftauchen, Änderungen für moderne Browser erreichst du über

li ~ #lampe1 {....}

li:nth-child(even) ~ #lampe2 {....}

Für ältere Browser müsstest du Id's vergeben und mit

#menu1 ~ #lampe1, menu3 ~ #lampe1 .... bzw. #menu2 ~ #lampe2 ....

ansprechen. IE < 7 kennen allerdings den Schwesternselektor auch nicht.

Matthias

--
http://www.billiger-im-urlaub.de/kreis_sw.gif