13-08-2012, 16:59
Koledzy źle ci radzą.
1) menu robisz jako listę
2) menu robisz jako linki, a nie obrazki
3) żadne js. tutaj wystarczy zwykłe :hover
Pozycja submenu jest absolutna. Li menu nie mają relatywnego pozycjonowania, więc te submenu będzie się pozycjonować względem menu - czyli wszystkie submenu będą w tej samej pozycji (top:30, left:0). Reszta to odpowiednie stylowanie.
1) menu robisz jako listę
2) menu robisz jako linki, a nie obrazki
3) żadne js. tutaj wystarczy zwykłe :hover
Kod:
<ul id="page-menu">
<li>
<a href="">......</a>
<ul class="submenu">
<li>pozycja w submenu</li>
<li>pozycja w submenu</li>
</ul>
</li>
<li>
<a href="">......</a>
<ul class="submenu">
<li>pozycja w submenu</li>
<li>pozycja w submenu</li>
</ul>
</li>
</ul>
Kod:
ul {position:relative; height:30px;}
ul li {height:30px; display:inline-block; float:left; background:blue; font:bold 12px Arial, sans-serif; line-height:30px;}
ul li ul {display:none; position:absolute; top:30px; left:0; width:100%; height:150px; background:red;}
ul li:hover ul {display:block;}
Pozycja submenu jest absolutna. Li menu nie mają relatywnego pozycjonowania, więc te submenu będzie się pozycjonować względem menu - czyli wszystkie submenu będą w tej samej pozycji (top:30, left:0). Reszta to odpowiednie stylowanie.