Gast: Navigation

Beitrag lesen

Hallo,

du must mit zwei ul-Ebenen arbeiten. In der zweiten Ebene umhüllst du das ul noch mit einem div, damit ein Bild agezeigt werden kann:

<ul>  
  <li>Kugelbauch  
  <div>  
  <ul>  
    <li>Unterpunkt 1</li>  
    <li>Unterpunkt 2</li>  
  </ul>  
  <img ...>  
  </div>  
  </li>  
  <li>...</li>  
</ul>  

Damit die zweite Ebene nicht angezeigt wird, schreibst du

ul li>div {display:none}

Wenn du nun über das li fährst, soll die zweite Ebene eingeblendet werden:

ul li:hover>div {display:block}

Das ist jetzt sehr vereinfacht und nicht getestet. Probiere mal.

Gast