בעיה במודול תפריט SuckerFish Drop Down

רכיבי צד שלישי, תוספים, מודולים ופלאג-אין עבור ג'ומלה 1.0.

בעיה במודול תפריט SuckerFish Drop Down

הודעהעל ידי eli kobi » 23 אוקטובר 2007, 04:08

יש לי את המודול הזה מובנה בתבנית מסוימת, הבעיה שלי היא שכשהתפריט פעיל, הוא יוצר פס גלילה ארוך לצד שמאל, ובסוף הפס גלילה יש משום מה, בלי שום קשר - יש את הכפתורי תפריט שאמורים להיות כתת-תפריט (Sub-menu, שאמור להפתח כשמעבירים את העכבר על הפריט הראשי בתפריט).

הצלחתי לסדר את הבעיית פס-גלילה ברגע ששינתי בCSS של התפריט את השורה הבאה:
קוד: בחר הכל
   position: absolute;

ל:
קוד: בחר הכל
   position: fixed;



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

זה הקוד CSS של התפריט:

קוד: בחר הכל
/*****************************
 ****       suckerfish    ****
 *****************************/

#nav-sub {
   margin-top: 9px;
   height: 25px;
   float: left;
}

#nav-sub ul {
   padding: 0;
   margin: 0;
   float: left;
}

#nav-sub li {
   margin: 0;
   padding: 0;
   float: right;
   display: block;
   background: none;
   position: relative;
}

#nav-sub a {
   display: block;
   float: left;
   height: 25px;
   line-height: 27px;
   padding: 0 15px;
   text-decoration: none;
   cursor: pointer;
   background: none;
}


#nav-sub li.active li a:link,
#nav-sub li.active li a:visited {
   background: none;
}

#nav-sub li li a:link,
#nav-sub li li a:visited{
   background: none;
   font-weight: normal;
   padding: 0;
   text-indent: 10px;
}

#nav-sub li li a:link,
#nav-sub li li a:visited {
   border: 0;
   font-size: 100%;
}

#nav-sub li li {
   padding: 0;
   background: none;
   padding: 0;
  width: 170px;

}

#nav-sub ul ul a:link,
#nav-sub ul ul a:visited {
   display: block;
   text-decoration: none;
   width: 169px;
   text-transform: none;
   background: none;
}

#nav-sub ul li {
   position: relative;
}

#nav-sub li ul {
   top: 25px;
[b]   position: absolute;[/b]
   z-index: 10;
   left: -999em;
   height: auto;
   width: 170px;
   font-weight: normal;
   border-width: 0;
   margin: 0;
   padding: 0;
}

/* margin for pullouts */
#nav-sub li ul ul {
   margin: -25px 0 0 170px;

}

#nav-sub li:hover ul ul,
#nav-sub li:hover ul ul ul,
#nav-sub li:hover ul ul ul ul, 
#nav-sub li.sfhover ul ul,
#nav-sub li.sfhover ul ul ul,
#nav-sub li.sfhover ul ul ul ul {
   left: -999em;

}

#nav-sub li:hover ul,
#nav-sub li li:hover ul,
#nav-sub li li li:hover ul,
#nav-sub li li li li:hover ul,
#nav-sub li.sfhover ul,
#nav-sub li li.sfhover ul,
#nav-sub li li li.sfhover ul,
#nav-sub li li li li.sfhover ul{
   left: 0;

}

#nav-sub li:hover, #nav-sub li.sfhover {
      left: 0;

}

#nav-sub li li.active {

}


סימנתי את השורה שאני משנה...

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


מקווה שתוכלו לעזור, אם יש פה מישהו שנתקל בזה בעבר, או שיודע איך לסדר ומוכן לתרום כמה דק' מזמנו בשביל זה, אני אשמח אם הוא יצור איתי קשר בפרטי...
זה נורא דחוף לי, ואני חושב שזאת לא בעיה כל כך רצינית, פשוט שהידע שלי בCSS לא מספיק.

(חשוב לי להשתמש בתפריט הזה, כי הוא היחיד שמותאם באופן מושלם לתבנית שלי... ואין לי אפשרות להביא לינק לצפייה, כי האתר נעול.. אני אוכל לעשות את זה למי שיוכל לעזור לי באופן אישי..)
נערך לאחרונה על ידי Anonymous בתאריך 23 אוקטובר 2007, 04:10, נערך פעם אחת בסך הכל.
eli kobi
ג'ומלאי משתלב
ג'ומלאי משתלב
 
הודעות: 192
הצטרף: 18 אוקטובר 2006, 15:12

Re: בעיה במודול תפריט SuckerFish Drop Down

הודעהעל ידי spektory » 12 ספטמבר 2009, 18:34

אני פתרתי אם זה עם Position:relative
זה יוצר בעיות אחרות...אבל אולי זה יכול לעזור
spektory
ג'ומלאי מתחיל
ג'ומלאי מתחיל
 
הודעות: 2
הצטרף: 10 ספטמבר 2009, 00:01


חזור אל תמיכה בהרחבות



מי מחובר

משתמשים הגולשים בפורום זה: אין משתמשים רשומים ו 0 אורחים

cron

ג'ומלה!ישראל בפייסבוק ג'ומלה!ישראל בטוויטר ג'ומלה!ישראל בגוגל+

Powered By JFBConnect

אחסון בחסות:

התחברות



התחבר/י עם פייסבוק
Powered By JFBConnect

הודעות חדשות

הרשמה לניוזלטר

הירשמו לניוזלטר וקבלו עדכונים וחדשות מג'ומלה! ישראל
captcha

מי באתר

יש באתר 927 אורחים מחוברים