Gunnar Bittersmann: Listen

Beitrag lesen

@@Luggi:

nuqneH

Ich habe 2 verschiedene Einträge. z1 und z2. Sobald ich mit der Maus über z2 fahren (hover) soll z1 eine Eigenschaft ändern, in diesem Falle visibility: hidden.

Vorwärts immer (.z1:hover+.z2), rückwärts nimmer.

Du könntest vielleicht beim Hovern über die Liste alle Items unsichtbar machen außer dem einen, über das gehovert wird:

ul:hover li  
{  
  color: transparent;  
}  
  
ul li:hover  
{  
  color: inherit;  
}

Dann sollte aber gewährleistet sein, dass die li-Boxen die gesamte ul-Box ausfüllen, sonst dürfte es sehr verwirrend sein, wenn gar nichts mehr sichtbar ist.

<li class="z1">Eintrag 1</li>
                        <li class="z2">Eintrag2</li>

Wären hier nicht eher IDs denn Klassen angebracht (wenn sie denn überhaupt benötigt werden)?

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)