Slozitejsi CSS menu 1.5

• Hlavni1
  • P1A
  • PodMenu1B
  • P1C
• Hlavni2
  • PodMenu2A
  • PodMenu2B
  • PodMenu2C
  • PodMenu2D
• Hlavni3
• Hlavni4
  • PodMenu4A
  • PodMenu4B

	JS IE Hover behaviour (csshover.htc) expression
	Export:

CSS

HTML
<div class="menu"> <ul> <li> <div><a href="#" title="Hlavni1">Hlavni1</a></div> <ul> <li><a href="#" title="PodMenu1A">PodMenu1A</a></li> <li><a href="#" title="PodMenu1B">PodMenu1B</a></li> <li><a href="#" title="PodMenu1C">PodMenu1C</a></li> </ul> </li> <li> <div><a href="#" title="Hlavni2">Hlavni2</a></div> <ul> <li><a href="#" title="PodMenu2A">PodMenu2A</a></li> <li><a href="#" title="PodMenu2B">PodMenu2B</a></li> <li><a href="#" title="PodMenu2C">PodMenu2C</a></li> <li><a href="#" title="PodMenu2D">PodMenu2D</a></li> </ul> </li> <li> <div><a href="#" title="Hlavni3">Hlavni3</a></div> </li> <li> <div><a href="#" title="Hlavni4">Hlavni4</a></div> <ul> <li><a href="#" title="PodMenu4A">PodMenu4A</a></li> <li><a href="#" title="PodMenu4B">PodMenu4B</a></li> </ul> </li> </ul> <br/> </div>

Menu info: HTML CSS (IE:JS)
Menu test: Firefox 1.5, Explorer 6.0, Opera 8.5
- IE vykresluje nektere prvky jinak, pro opravu jsem u nekterych menu pouzil 1 z asi 9 metod: zaporny margin + podtrzitkovy Hack
- Stav bez JS se osetruje nahradnim menu v <div><a href="...">
- hover pro IE se dela pomoci JS v souboru csshover.htc

Vice o neuvedenych CSS vlastnostech na strankach: www.w3schools.com a www.jakpsatweb.cz