मैं सिर्फ aअपने नेविगेशन के तत्वों की ऊँचाई और चौड़ाई निर्धारित नहीं कर सकता ।
#header div#snav div a{
width:150px;
height:77px;
}
#header div#snav div a:link{
width:150px;
height:77px;
}
#header div#snav div a:hover{
height:77px;
background:#eff1de;
}
कुछ मालूम है मुझसे क्या गलत हो रहा है?
जवाबों:
प्रदर्शन जोड़ें: ब्लॉक;
एक टैग एक इनलाइन तत्व है, इसलिए आपकी ऊंचाई और चौड़ाई को अनदेखा किया जाता है।
#header div#snav div a{
display:block;
width:150px;
height:77px;
}
ऊंचाई लेने के लिए एंकर को अपने डिफॉल्ट की तुलना में एक अलग डिस्प्ले प्रकार की आवश्यकता होगी।
display:inline-block;या display:block;।
यह भी जांचें line-heightकि यह किसके साथ दिलचस्प हो सकता है।
आपकी समस्या शायद यह है कि aतत्व display: inlineप्रकृति द्वारा हैं। आप इनलाइन तत्वों की चौड़ाई और ऊंचाई निर्धारित नहीं कर सकते।
आप display: blockपर सेट करना होगा a, लेकिन यह अन्य समस्याओं को लाएगा क्योंकि लिंक ब्लॉक तत्वों की तरह व्यवहार करना शुरू करते हैं। सबसे आम इलाज उन्हें दे रहा है float: leftताकि वे वैसे भी कंधे से कंधा मिलाकर चलें।
ऊंचाई की परिभाषा से :
इस पर लागू होता है: सभी तत्व लेकिन गैर-प्रतिस्थापित इनलाइन तत्व, टेबल कॉलम और कॉलम समूह
एक aतत्व है, डिफ़ॉल्ट रूप से एक इनलाइन तत्व (और यह गैर-प्रतिस्थापित है)।
आपको डिस्प्ले बदलने की जरूरत है (सीधे डिस्प्ले प्रॉपर्टी के साथ या इनडायरेक्टली, जैसे फ्लोट के साथ)।
इस अवलोकन के लिए randomUs 1r का धन्यवाद:
इसे प्रदर्शित करने के लिए बदल रहा है: इनलाइन-ब्लॉक; उस मुद्दे को हल करता है। - रैंडमयूएस 1 आर 14 मई 13 को 21:59 बजे
मैंने इसे स्वयं एक शीर्ष नेविगेशन मेनू बार के लिए आज़माया, जो इस प्रकार है:
पहली शैली "ली" तत्व निम्नानुसार है:
प्रदर्शन: इनलाइन-ब्लॉक;
चौड़ाई: 7em;
पाठ-संरेखित करें: केंद्र;
फिर स्टाइल "a"> तत्व इस प्रकार है:
चौड़ाई: 100%;
अब नेविगेशन लिंक प्रत्येक लिंक में केंद्रित पाठ के साथ सभी समान चौड़ाई के हैं।