MouseOver: Grafiklink ändern und (!) versteckten div anzeigen

[ChrisB]

Hi,

Wenn meine html-Struktur...

<ul class="...">
      <li>
         <a href="#"></a>
         <ul>
            <li></li>
         </ul>
      </li>
   </ul>

...in...

<ul class="...">
      <li>
         <a href="#"></a>
         <span>...</span>
      </li>
   </ul>

...schrumpft, ich aber in meiner css-Datei für...

ul          -> Nur Einleitung der Liste (pro Grafiklink habe ich eine eigene Liste)
   ul li a     -> Enthält den Grafiklink
   ul li ul li -> Enthält den zugehörigen "Notizzettel" als Hintergrundgrafik

...definiert habe, wie weiss dann der Browser, dass ich er im Endeffekt eine verschachtelte Liste anzeigen soll, da ja die Innenverschachtelung html-technisch fehlt?

Sie fehlte auch schon vorher - weil deine UL/LI überhaupt keinen Inhalt hatte - also *gab* es da nichts zu verinnenschachteln!

Die Selektoren in deinem CSS musst du selbstverständlich so anpassen, dass sie auf die neue Struktur passen.

Und wenn du mit deiner „Innenverschachtelung“ nur meinst, dass du das Hintergrundbild (deinen „Notizzettel“) eingerückt darstellen willst - dann, hatte ich auch bereits geschrieben, richte das Hintergrundbild entsprechend aus; bzw. erweitere den dir zur Anzeige dieses Hintergrundbildes innerhalb des LI- oder A-Elementes, die deinen eigentlichen Link auszeichnen, zur Verfügung stehenden Platz noch über entsprechendes Padding, falls erforderlich.

Wenn wir allerdings vom selben fehlenden Verständnis gesprochen haben, [...]

K.A., vielleicht ist es auch nur ein Problem des Vorstellungsvermögens, dass du nicht „sehen“ kannst, welche Umsetzungsmöglichkeit mir vor meinem inneren Auge schwebt ... :&

MfG ChrisB