אוקי, כבר כמעט שבוע אני יושב על התפריט הזה ואני לא מצליח ליישר אותו לצד ימין.
זאת אומרת, כשאני עולה על אחת הקטגוריות עם העכבר זה מה שקורה:


[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://img169.imageshack.us/img169/2788/lalann2.png]


הDIV שנפתח, היה אמור להפתח מתחת לראשי, ולא מתחת להורדות. אני לא מצליח לסדר את זה.
ה-CSS נראה כך:

קוד PHP:

 body
{
text-align: right;
}
#sddm
{
margin: 0;
padding: 0;
z-index: 30;
}
#sddm li
{
margin: 0;
padding: 0;
list-style: none;
float: right;
font: bold 11px arial;
}
#sddm li a
{
display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 100px;
background: #5970B2;
color: #FFF;
text-align: center;
text-decoration: none;
}
#sddm li a:hover
{
background: #49A3FF;
}
#sddm div
{
width: 100px;
position: absolute;
visibility: hidden;
margin: 2px 0px 0px 0px;
padding: 0;
background: #EAEBD8;
border: 1px solid #5970B2;
}
#sddm div a
{
position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: 100px;;
white-space: nowrap;
text-align: right;
text-decoration: none;
background: #EAEBD8;
color: #2875DE;
font: 11px arial;
}
#sddm div a:hover
{
background: #49A3FF;
color: #FFF;
} 


ה-HTML כך:

קוד PHP:

 <ul id="sddm">
    <li><a href="" onclick="return false" onmouseover="mopen('m1')" onmouseout="mclosetime()">ראשי</a>
        <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
        <a href="#">דף הבית</a>
        <a href="#">הפורומים</a>
        <a href="#">צור קשר</a>
        <a href="#">פרסום</a>
        </div>
    </li>
    <li><a href="#">הורדות</a></li>
    <li><a href="" onclick="return false" onmouseover="mopen('m2')" onmouseout="mclosetime()">מדריכים</a>
        <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
        <a href="#">כללי</a>
        <a href="#">מתחילים</a>
        <a href="#">מתקדמים</a>
        <a href="#">שאלות נפוצות</a>
        </div>
    </li>
    <li><a href="#">אקורדים</a></li>
    <li><a href="#">טאבים</a></li>
    <li><a href="" onclick="return false" onmouseover="mopen('m3')" onmouseout="mclosetime()">מילים לשירים</a>
        <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
        <a href="#">שירים עבריים</a>
        <a href="#">שירים לועזיים</a>
        </div>
    </li>
</ul>
<div style="clear:both"></div> 


וה-JS כך:

קוד PHP:

 var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{ 
 // cancel close timer
 mcancelclosetime();
 // close old layer
 if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 // get new layer and show it
 ddmenuitem = document.getElementById(id);
 ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose()
{
 if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime()
{
 closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
 if(closetimer)
 {
  window.clearTimeout(closetimer);
  closetimer = null;
 }
}
// close layer when click-out
document.onclick = mclose; 


תודה רבה לעוזרים!

הקוד ארוך מדי ביחס לזמן שיש לי לקרוא, אז לא הסתכלתי בו כלל, כך שיתכן מאד שכבר עשית את מה שאני הולך להציע, אבל אולי לא, לכן אני מציע.
נסית לתת לשכבה העוטפת ערך מתאים למאפיין margin-right? אם לא, זה הזמן לנסות את זה, תיאורטית זה אמור לפתור את הבעיה. תעדכן אותנו אם גם מעשית.

ניסיתי.. לא עזר.. כלום לא עוזר ~_~

אתה יכול להעלות את קובץ HTML עם דוגמה של התפריט בפעולה?

טוב תנסה את זה:

1. קח כל תת-תפריט ושים ב li ששייך לו
2. כתוב class ב css עם הקוד הבאה:

קוד:

position:absolute;
top:גובה התפריט;
display:none;

ותן לכל תת-תפריט את ה class הזה
3. תוסיף ל #sddm li את: position:relative;
4. תשנה ב JS את ה visibility ל display,
ה hidden ל none
וה visible ל block

אני חושב שזה זהו