html - defining margins and line spacing of ordered and unordered lists using css -


क्यों इस HTML + सीएसएस करता है:

 <कोड> & lt; DOCTYPE HTML & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; मेटा http-equiv = "content-type" content = "text / html; charset = utf-8" / & gt; & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" & gt; पी {मार्जिन: 4 एएम; } उल {मार्जिन-बाएं: + 2em; मार्जिन-दायें: + 2em; } ली {मार्जिन-बाएं: + 2em; मार्जिन-दायें: + 2em; } & Lt; / style & gt; & lt; शीर्षक & gt; परीक्षा & lt; / title & gt; & LT; बॉडी & gt; & Lt; p & gt; पैरा - पहली पंक्ति & lt; ul & gt; लीटिंग; लि & gt; आइटम 1 & lt; / li & gt; & Lt; li & gt; आइटम 2 & lt; / li & gt; सूची ट्रेलर & lt; / ul & gt; पैरा - अंतिम पंक्ति & lt; / p & gt; & Lt; / body & gt; & Lt; / html & gt;   

असल में यह प्रकट होता है:

 पैरा - प्रथम पंक्ति सूची शीर्षक & amp; बू; आइटम 1 & amp; बू; आइटम 2 सूची ट्रेलर पैरा - अंतिम पंक्ति  

(जहां & amp; बू; सूची आइटम के बुलेट वर्ण के लिए मेरा नाम है)।

पैराग्राफ की पहली पंक्ति के बीच विशाल स्थान पर ध्यान दें और "सूची शीर्षक" लाइन मैं इसे कैसे से छुटकारा पा सकता हूं?
केवल लागू सीएसएस विशेषता 'लाइन-ऊँचाई' लगती है, लेकिन इसमें कोई प्रभाव नहीं पड़ता है।

इसके अलावा, अनुच्छेद की आखिरी पंक्ति क्यों है पहली पंक्ति की तुलना में बाईं ओर अधिक दांतेदार है?

यह फ़ायरफ़ॉक्स 32 के सीएसएस रेंडरिंग में एक बग प्रतीत होता है। क्या मुझे इसे एक के रूप में रिपोर्ट करना चाहिए?

मैंने इसमें कोड के साथ एक बना दिया है; मैंने तत्वों के चारों ओर की सीमाएं डाल दी हैं ताकि आप देख सकें कि प्रत्येक तत्व कहाँ रखा गया है।

p तत्व चारों ओर चारों तरफ मार्जिन है, ताकि इसे बाएं से दूर कर सके मार्जिन और इसे ऊपर से ऊपर और निम्नलिखित तत्वों से 4 एएम द्वारा धकेल दिया जाता है।

पहला p तत्व भी गलत तरीके से नेस्टेड है (आप ul एक पी के अंदर), इसलिए ब्राउज़र मानता है कि इसे ul से पहले बंद कर दिया जाना चाहिए था।

सूची की पहली पंक्ति, लिस्ट हेडर 'सही रूप से सही नहीं है क्योंकि पाठ को & lt; ul & gt; तत्व के अंदर सीधे अनुमति नहीं है - यह या तो ; li & gt; सूची आइटम), या & lt; ul & gt; तत्व के बाहर।

अंतिम पंक्ति ('पैरा - अंतिम पंक्ति') सीधे शरीर के तत्व के अंदर है, और ऐसा नहीं है 4em मार्जिन जो अन्य p तत्व पर लागू होते हैं।

यदि आप बड़े अंतर से छुटकारा चाहते हैं, तो p एलिमेंट को 4EM मार्जिन को निकालने के लिए - यह बहुत सरल है!

  p {मार्जिन: 1 एएम; }   

मैं सीएसएस बॉक्स मॉडल पर कुछ पठन करने की सलाह दूंगा ताकि आप पैडिंग, हाशिए समझ सकें, और एटम कैसे भर जाएंगे। मैं भी अपने सभी कोड (एचटीएमएल और सीएसएस) को एक वैधक के माध्यम से चलाने की सलाह देता हूं ताकि गलत त्रुटियों को गड़बड़ & lt; p & gt; तत्व, 'सूची शीर्ष लेख' कोड> & lt; ul & gt; तत्व, और अनावश्यक + सीएसएस में चिह्न।

मैंने आपके एचटीएमएल और सीएसएस को एक और समझदार चयन के निर्माण के लिए फिर से लिखा है मार्जिन और सीमाएं: देखें मूल बातें हैं:

  1. सुनिश्चित करें कि आपका HTML मान्य है।
  2. मार्जिन के लिए बड़े पैमाने पर मानों का उपयोग न करें।
  3. em आपके द्वारा उपयोग किए जा रहे फ़ॉन्ट में m वर्ण की चौड़ाई है 4EM काफी बड़ी जगह है।

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -