21-02-2007, 18:36
|
|
|
חבר מתאריך: 24.11.05
הודעות: 317
|
|
בעייה בתפריט נפתח
היי..
בניתי תפריט נפתח בCSS על פי מאמר שמפורסם בwebmaster.
להלן קוד הCSS:
קוד PHP:
<style type="text/css"> html, body { behavior: url("csshover.htc"); } div#menu { float: right; width: 100%; border: 0px solid silver; background: #EAF6FF; margin-right:0px; } div#menu ul { border-left:1px solid silver; border-right:1px solid silver; border-top:0px solid silver; border-bottom:0px solid silver; margin:0; padding:0; background:#BADEFF; list-style-type:none } div#menu li { position: relative; margin: 0 -1px 0 0; display: block; float: right; width: 30px; } div#menu ul ul { position: absolute; display: none; margin-top: -1px; width: 30px; border-top: 1px solid silver; } div#menu li a { display: block; text-decoration: none; padding: 0.15em 0.5em 0.15em 0; width: 9em; color: #004D91; font-family: Arial; font-size: 8pt; } div#menu>ul a { width: auto; } * html div#menu li { float: right; } * html div#menu ul ul { margin-right: -1px; } div#menu li.firstsubmenu { background:#F04A10; margin-right:1px; border: 1px solid silver; } div#menu li.firstsubmenu li.firstsubmenu:hover { background-color: #fcc; } div#menu li.submenu li.submenu:hover { background-color: #fcc; } div#menu li:hover { background-color: #fcc; } div#menu ul ul li { border-bottom: 1px solid silver; } div#menu li.firstli { background:#F04A10; margin-right:1px; border: 1px solid silver; } div#menu ul.ul2 { top: 1.3em; right: 0px; } div#menu ul.ul3, div#menu ul.ul3{ top: 0; right: 103px; } div#menu ul.first li.firstsubmenu:hover ul.ul2, div#menu ul.ul2 li.submenu:hover ul.ul3, div#menu ul.ul3 li.submenu:hover ul.ul4, div#menu ul.ul3 li.submenu:hover ul.ul4{ display: block; } </style>
להלן קוד התפריט עצמו:
קוד PHP:
<div id='menu'> <ul class='first'> <li class='firstli'><a style='color: #ffffff;' href='#'>TEST1</a></li> <li class='firstsubmenu'><a style='color: #ffffff;' href='#'>TEST2</a> <ul class='ul2'> <li class='submenu'><a href='#'>TEST11</a> <ul class='ul3'> <li><a href='#'>TEST13</a></li> </ul></li> </ul></li> <li class='firstsubmenu'><a style='color: #ffffff;' href='#'>בדיקה</a> <ul class='ul2'> <li class='submenu'><a href='#'>gfg</a> <ul class='ul3'> <li><a href='#'>te</a></li> </ul></li> </ul></li> <li class='firstli'><a style='color: #ffffff;' href='#'>טאטהנהעגכ עיחעח</a></li> </ul> </div> </TD>
לאלה ממכם שיעשו עמוד HTML עם התפריט הזה יראו בIE6 אותו באופן מעולה, לעומת זאת בFF או בIE7 רואים אותו ממש רע.
מה יוצר את הבעיה וכיצד ניתן לתקנה?
תודה מראש
|