בכל הדפדפנים זה עובד פיקס רק בIE6 ובIE5.5 מה שקורה שהתפריט נפתח הוא מוריד את כל מה שנמצא מתחתיו למטה, כאילו דוחף הכל למטה,
איך מסדרים ? :(
תודהזה הHTML והCSS:
<div id="top_menu"> <ul class="first"> <li>תפריט <ul class="second"> <li>תת תפריט</li> <li>תת תפריט</li> </ul> </li> </ul> </div> <div id="top_menu"> <ul class="first"> <li>תפריט <ul class="second"> <li>תת תפריט</li> <li>תת תפריט</li> </ul> </li> </ul> </div>div#top_menu{ position:relative; width:100%; } div#top_menu ul.first{ list-style: none; margin: 0; padding: 0; } div#top_menu ul.first li{ text-align:center; float:right; display:inline; background: url('images/button.jpg') no-repeat; width:100px; height:22px; padding-top:3px; color:#5a5858; font-size:14px; cursor:pointer; } div#top_menu ul.first li:hover{ background: url('images/button2.jpg') no-repeat; color:#6b911a; } div#top_menu ul.first li:hover ul.second{ display:block; } div#top_menu ul.first li ul.second{ margin-right:1px; margin-top:4px; display:none; list-style: none; padding: 0; } div#top_menu ul.first li ul.second li{ background:#e7eff2; color:black; text-align:right; padding-right:5px; width:94px; } div#top_menu ul.first li ul.second li:hover{ background:#c1d4dd; color:black; } |
http://i60.tinypic.com/35aowg8.jpg