מרכוז אופקי תפריט בר מרגל Lee Margolies - 11-05-2009
אני מנסה למרכז הפס האופקי תפריט מרגל בדף. כלומר, עבור איזו סיבה, ספארי ו FF הם עזבו את כל המצדיקים את התפריט ואם אין לי מאפיין ריפוד (ראה להלן) של Ul.Menubarhorizontal זה מסיט את הבר כולו על 20 פיקסלים ימינה.
/ * את המיכל החיצוני של שורת התפריטים, תיבה אוטומטית עם רוחב השוליים לא או ריפוד * /
Ul.Menubarhorizontal
{
שולי: 0;
ריפוד: 0;
רוחב: 666px;
}
/ * להגדיר את שורת התפריטים הפעילה עם המעמד הזה, כרגע הגדרת Z-index כדי להכיל באגים עיבוד כלומר: http:/ / therealcrisp.Xs4all.Nl / meuk / כלומר-zindexbug.html * /
Ul.Menubaractive
{
Z-index: 1000;
}
/ * מכולות פריט בתפריט, ילדים המיקום היחסי על המיכל הזה הם רוחב קבוע * /
Ul.Li menubarhorizontal
{
List-style-type: None;
Font-size: 100%;
מיקום: יחסית;
גובה שורה: -15;
הסמן: המצביע;
רוחב: 133.2px;
לצוף: עזבו;
}
/ * תפריטי משנה יופיעו מתחת האב שלהם (הדף: 0) גבוה יותר עם Z-index, אבל הם תחילה את הצד השמאלי של המסך (-1000em) * /
Ul.Ul menubarhorizontal
{
שולי: 0;
ריפוד: 0;
List-style-type: None;
Font-size: 100%;
Z-index: 1020;
הסמן: ברירת המחדל;
שמאל: -1000em;
רוחב: 160px;
מיקום: מוחלט;
צבע רקע: # 005dab;
צבע: # fff;
}
/ * המשנה כי הוא מראה עם ייעוד בכיתה menubarsubmenuvisible, אנו קובעים משמאל אוטומטי כך זה בא על המסך מתחת פריט תפריט האב שלו * /
Ul.Ul menubarhorizontal.Menubarsubmenuvisible
{
שמאל: Auto;
}
/ * מכולות פריט בתפריט הן באותו רוחב קבוע כהורה * /
Ul.Li Ul menubarhorizontal
{
Font-family: Arial, Helvetica, Sans-serif;
Font-size: 12px;
Font-weight: רגיל;
רוחב: 160px;
Border-רוחב: 1px 2px 1px 2px;
Border-style: מוצק;
Border-צבע: # 005dab;
צבע רקע: שקוף;
לצוף: None;
שולי: 0 0 0 -1.5%;
}
/ * המשנה כי הוא מראה עם ייעוד בכיתה menubarsubmenuvisible, אנו קובעים שמאל 0 כדי כך זה מגיע על המסך * /
Ul.Ul menubarhorizontal.Ul menubarsubmenuvisible.Menubarsubmenuvisible
{
שמאל: Auto;
מוביל: 0;
}
/ * פריטי תפריט הם גוש אפור בהיר עם ריפוד ואין עיטור טקסט * /
Ul.Menubarhorizontal
{
תצוגה: לחסום;
הסמן: המצביע;
צבע רקע: # fff;
ריפוד: 0.5em 0.75em;
צבע: # 005dab;
Text-decoration: None;
Text-align: מרכז;
}
/ * פריטי תפריט כי יש למקד את העכבר מעל או יש רקע כחול טקסט לבן * /
Ul.Menubarhorizontal:לרחף, Ul.Menubarhorizontal:להתמקד
{
צבע רקע: # 005dab;
צבע: # fff;
}
Ul.Menubarhorizontal Ul (
Text-align: עזבו;
}
/ * פריטי תפריט פתוחים עם תפריטי משנה מוגדרות menubaritemלרחף עם רקע כחול וטקסט לבן * /
Ul.Menubarhorizontal.Menubaritemלרחף, Ul.Menubarhorizontal.Menubaritemsubmenuלרחף, Ul.Menubarhorizontal.Menubarsubmenuvisible
{
Text-decoration: ללא
}
/ * Hack for IE: לייצב את המראה של פריטים בתפריט; לוכסן ב לצוף היא לשמור כלומר 5.0 מ * ניתוח /
@ המסך התקשורת, היטל
{
Ul.Li menubarhorizontal.Menubaritemie
{
תצוגה: בשורה;
F \ loat: עזבו;
}
}
Re: מרכוז אופקי תפריט בר מרגל Fernando Mol - 11-06-2009
אתה צריך לשחק עם רוחב שלך.
עכשיו, הרוחב של כל התפריט שלך לא לחלק את עצמו במספר אלמנטים בתפריט יש לך. לזכור, מסכי האמצעים פיקסלים.
לשנות את רוחב העמודה המרכזית שלך (שבו יש לך תפריט מותאם שלך) ולהפוך אותו רוחב כי ניתן לחלק 5, מספר הפריטים בתפריט יש לך. אז, לשחק עם רוחב של פריטי הרשימה שלך ואת הגבולות כדי להתאים אותו.
I hope this helps
* לזכור לשתף קישור לאתר שלך לשיעור הודעות. זה שירות חינם בשבילך ובשביל לנו.
Re: מרכוז אופקי תפריט בר מרגל Lee Margolies - 11-06-2009
תודה על העזרה...
ניסיתי התאמת רוחב וזה עדיין עולה או קטן מדי או ארוך מדי. מאז הוא קל תנועה קיננו תגית div (navbar), אני צריך רק להתאים כי רוחב div כדי מרובות של 5 או אני צריך להמשיך הלאה במעלה שרשרת?
שוב תודה!
LM
מרגוליס Lee
http://www.Lmcreativemotion.com
צויץ: @ LMcreativemotio
Re: מרכוז אופקי תפריט בר מרגל Fernando Mol - 11-07-2009
התפריט שלך הוא בתוך מכולה. כי המיכל חייב להיות מחולק למספר 5 מרובע.
כי הוא מספר אתה חייב לתת רוחב של תפריט כל אלמנט. בהתחשב boders.
אני לא אומר לך בדיוק איפה לשים את המספרים, אבל זה תהליך ניסוי שגיאה, אבל אני מקווה שאתה מקבל את הרעיון.
הכלל הזה פעל גם: מספר מתחלק חייב להיות זוג.
* לזכור לשתף קישור לאתר שלך לשיעור הודעות. זה שירות חינם בשבילך ובשביל לנו.
