ABA


"עוד בעיה ב CSS הפעם בתפריט CSS"
גירסת הדפסה        
קבוצות דיון בניית אתרים נושא #15299 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 15299
Sylver
חבר מתאריך 1.7.02
11915 הודעות, 2 פידבק
   01:50   10.09.09   
אל הפורום  
  עוד בעיה ב CSS הפעם בתפריט CSS  
 
   ערכתי לאחרונה בתאריך 10.09.09 בשעה 01:59 בברכה, Sylver
 
http://www.asdesign.co.il/crap/csscrap.jpg

הבעיה היא..שמתי שעוברים על קטגוריה שיש לה תת תפריט מתקבל שם רווח לבן מעצבן כזה...עכשיו זה קורה רק ב IE7/6 אולי גם ב8 לא בדקתי..בFF זה עובד מעולה...אני רק אציין שהרווח הלבן בין התת קטגוריות הוא בסדר..זה אמור להיות..זה רק הרווח הלבן או המרגין בוטום שנוצר תחת הקטגוריה הראשית.

www.night-net.net
^_^ פה אפשר לראות את הבעיה בלייב...זה קורה רק שעוברים על קטגוריה שיש לה פתיחה לתת תפריט...

בעיקרון אני חושב שמה שעושה את הבעיה זה הDISPLAY BLOCK שמוגדר לתג A אבל חייבים את זה כדאי שממש כל המשבצת תהיה לינק ולא רק הטקסט שבתוכה אחרת זה כזה לא מקצועי אם מישהו מכיר פתרון אני אשמח לדעת!

ה-CSS של כל העסק:


body
{
behavior: url(includes/csshover.htc);
} /* WinIE behavior call */

div#nav-cat
{
margin-top: 0;
background-color: #ffffff;
width: 168px;
margin-left: auto;
margin-right: auto;
font-weight: bold;
font-size: 12px;
}

div#nav-cat ul
{
/* margin: 0em;
padding: 0em; */
margin: 0;
width: 166px;
/* width: 100%; */
z-index: 1000;
/* line-height: 14px; */
border: none;
margin-left: 1px;
}

div#nav-cat ul ul
{
position: absolute; top: 0; right: 100%;
display: none; z-index: 1000;
width: 166px;
margin-right: 1px;
border: 0;
}

div#nav-cat ul.level2 {background-color: #ffffff;}
div#nav-cat ul.level3 {background-color: #ffffff;}
div#nav-cat ul.level4 {background-color: #ffffff;}
div#nav-cat ul.level5 {background-color: #ffffff;}
div#nav-cat ul.level6 {background-color: #ffffff;}

div#nav-cat li
{
z-index: 1;
position: relative;
list-style: none;
margin: 0;
margin-top: 0; /* change it to whatever space you want to put space between buttons*/
border-top: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
/* <---this line may help or hinder IE menu shifting issues. */
background-color: #ffffff; /*Sets background of Menu items that DOES NOT have sub-menu's SYSTEM WIDE!!! */
padding-top: 0;
padding-bottom: 0;
width: 166px;
}

div#nav-cat li:hover
{
background-color: #f6f6f6;
padding-top: 0;
padding-bottom: 0;
}

div#nav-cat li a
{
background-color: transparent;
color: #5b5b5b;
display: block;
padding-right: 10px;
line-height: 30px;
}

div#nav-cat li li
{
margin-right: 1px;
background-color: #d9f200;
border-bottom: 1px solid #d9f200;
border-top: 0;
border-left: 0;
border-right: 0;
padding-bottom: 0;
}

div#nav-cat li li:hover
{
/* background-color: #d9f200; */
/* background-color: #004974; */
background-color: #bdd300;
}

div#nav-cat li li a
{
color: #3d3d3d;
display: block;
line-height: 30px;
}

div#nav-cat li li a:hover
{
display: block;
line-height: 30px;
}

div#nav-cat li.submenu {padding-top: 0; padding-bottom: 0;} /* sets the background of any menu item that DOES have submenu items */
div#nav-cat li.submenu:hover {background-color: #d9f200;} /*sets the HOVER background of any menu item that DOES have submenu items */

div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6
{
display: block;
}

div#nav-cat ul.level3 li.submenu:hover ul.level4 {height: 200px; overflow: scroll;}

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


                                שתף        
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

תגובה מהירה
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net