एक जासूस क्षैतिज मेनू बार केंद्रित Lee Margolies - 11-05-2009
मैं केंद्र को एक पृष्ठ पर कोशिश कर रहा हूँ एक क्षैतिज जासूस मेनू पट्टी. कुछ कारण अर्थात के लिए, एफएफ और सफारी सभी मेनू को न्यायोचित ठहरा रह हैं और अगर मैं एक Padding संपत्ति नहीं है (नीचे उल में) देखें.Menubarhorizontal यह पूरी बार बदलाव के बारे में ठीक से 20 पिक्सल.
किसी भी मदद की पेशकश कर सकता है की सराहना की...
Thanx,
LM
/ * मेनू बार के सबसे बाहरी कंटेनर, कोई मार्जिन या Padding * के साथ एक ऑटो चौड़ाई बॉक्स /
उल.Menubarhorizontal
{
मार्जिन: 0;
Padding: 0;
चौड़ाई: 666px;
}
/ * इस वर्ग के साथ सक्रिय मेनू बार सेट, वर्तमान में स्थापित Z सूचकांक को अर्थात् प्रदान बग समायोजित: http:/ / therealcrisp.Xs4all.Nl / meuk / अर्थात्-zindexbug.ht... * /
उल.Menubaractive
{
Z-सूचकांक: 1000;
}
/ * मेनू आइटम कंटेनरों, बच्चों की स्थिति इस कंटेनर के रिश्तेदार और एक निश्चित चौड़ाई हो * /
उल.Menubarhorizontal ली
{
सूची शैली-प्रकार: कोई नहीं;
Font-size: 100%;
स्थिति: रिश्तेदार;
रेखा से ऊंचाई: -15;
कर्सर: सूचक;
चौड़ाई: 133.2px;
नाव: छोड़ दिया;
}
शीर्ष / * submenus अपने माता पिता के नीचे प्रकट होने चाहिए (: 0 सूचकांक) के साथ एक उच्च z -, लेकिन वे स्क्रीन के बाईं ओर से शुरू कर रहे हैं (1000em-) * /
उल.Menubarhorizontal उल
{
मार्जिन: 0;
Padding: 0;
सूची शैली-प्रकार: कोई नहीं;
Font-size: 100%;
Z-सूचकांक: 1020;
कर्सर: डिफ़ॉल्ट;
छोड़ा: 1000em-;
चौड़ाई: 160px;
स्थिति: पूर्ण;
पृष्ठभूमि का रंग: 005dab #;
रंग: # fff;
}
/ सबमेनू * कि कक्षा पद के साथ दिख रहा है menubarsubmenuvisible, हम सेट ऑटो के लिए छोड़ दिया तो वह अपने माता पिता के मेनू आइटम * नीचे स्क्रीन पर आता है /
उल.Menubarhorizontal उल.Menubarsubmenuvisible
{
छोड़ा: ऑटो;
}
/ * मेनू आइटम कंटेनरों * माता पिता के रूप में तय की चौड़ाई एक ही रहे हैं /
उल.Menubarhorizontal उल ली
{
Font-परिवार: Arial, Helvetica, बिना सेरिफ़;
Font-size: 12px;
Font-weight: सामान्य;
चौड़ाई: 160px;
सीमा-चौड़ाई: : 1px 2px 2px: 1px;
सीमा शैली: ठोस;
सीमा रंग: 005dab #;
पृष्ठभूमि का रंग: पारदर्शी;
नाव: कोई नहीं;
मार्जिन: 0 0 -1 0.5%;
}
/ सबमेनू * कि कक्षा पद के साथ दिख रहा है menubarsubmenuvisible, हम सेट 0 के लिए छोड़ दिया तो यह स्क्रीन * पर आता है /
उल.Menubarhorizontal उल.Menubarsubmenuvisible उल.Menubarsubmenuvisible
{
छोड़ा: ऑटो;
चोटी: 0;
}
/ * मेनू आइटम Padding के साथ एक हल्के भूरे रंग के ब्लॉक कर रहे हैं और कोई पाठ सजावट * /
उल.Menubarhorizontal एक
{
प्रदर्शन: ब्लॉक;
कर्सर: सूचक;
पृष्ठभूमि का रंग: # fff;
Padding: 0.5em 0.75em;
रंग: 005dab #;
पाठ सजावट: कोई नहीं;
Text-align: केंद्र;
}
* मेनू आइटम है कि चूहे से अधिक है या ध्यान नीली पृष्ठभूमि और सफेद पाठ * है / /
उल.Menubarhorizontal एक:मंडराना, उल.Menubarhorizontal एक:फोकस
{
पृष्ठभूमि का रंग: 005dab #;
रंग: # fff;
}
उल.Menubarhorizontal उल एक (
Text-align: छोड़ दिया;
}
* मेनू आइटम कि submenus के लिए एक नीला सफेद पृष्ठभूमि और पाठ के साथ * menubaritemमंडराना स्थापित कर रहे हैं के साथ खुले हैं / /
उल.Menubarhorizontal एक.Menubaritemमंडराना, उल.Menubarhorizontal एक.Menubaritemsubmenuमंडराना, उल.Menubarhorizontal एक.Menubarsubmenuvisible
{
पाठ सजावट: कोई नहीं
}
/ अर्थात के लिए हैक *: के लिए मेनू आइटम के रूप स्थिर, नाव में स्लेश के लिए अर्थात 5 रखना है.* पार्स करने से 0 /
@ मीडिया स्क्रीन, प्रक्षेपण
{
उल.Menubarhorizontal ली.Menubaritemie
{
प्रदर्शन: इनलाइन;
च \ loat: छोड़ दिया;
}
}
पुन:: एक जासूस क्षैतिज मेनू बार केंद्रित Fernando Mol - 11-06-2009
आप अपने widths के साथ खेलने की जरूरत है.
अब, अपने मीनू की पूरी चौड़ाई में ही मेनू तत्व आपके पास की संख्या में नहीं खाई है. याद करना, पिक्सल में स्क्रीन के उपाय.
अपने केंद्र कॉलम की चौड़ाई बदलाव (आप अपने फिट मेनू कहाँ है) और यह एक चौड़ाई कि 5 में विभाजित किया जा सकता है कर, मेनू आइटम आपके पास की संख्या. तब, आपके सूची आइटम और सीमाओं की चौड़ाई के साथ खेलने के लिए यह उपयुक्त.
मैं इस उम्मीद में मदद करता है
* आपकी साइट के लिए एक कड़ी का हिस्सा याद और पदों की दर. यह आपके लिए एक मुफ्त सेवा है और हमारे लिए है.
पुन:: एक जासूस क्षैतिज मेनू बार केंद्रित Lee Margolies - 11-06-2009
मदद के लिए धन्यवाद...
मैं चौड़ाई समायोजित करने की कोशिश की और यह अभी भी ऊपर आता है या तो भी या बहुत छोटे समय. के बाद से एक चंचल div टैग navbar (नेस्टेड में है), मैं केवल समायोजन की आवश्यकता है कि div की एक बहु के लिए चौड़ाई 5 या क्या मुझे और आगे जाना श्रृंखला अप की जरूरत है?
