अपने एचटीएमएल टेबल्स में फंकी रिक्त स्थान हटाएं

यदि आप पेज लेआउट के लिए टेबल का उपयोग कर रहे हैं- एक्सएचटीएमएल में नो-नो , वैसे भी - यह संभावना है कि आप अपने लेआउट में अतिरिक्त जगह के भयानक अतिरिक्त अनुभव का अनुभव करेंगे। इस समस्या को ठीक करने के लिए आपको अपनी HTML तालिका परिभाषा और किसी भी शासी शैली शीट के विनिर्देशों की जांच करने की आवश्यकता है।

एचटीएमएल टेबल परिभाषा

डिफ़ॉल्ट रूप से तालिकाओं के लिए HTML टैग कुछ रिक्ति आवश्यकताओं के लिए नियंत्रण नहीं करता है। अपने HTML दस्तावेज़ में तालिका टैग के बारे में तीन चीजें सत्यापित करें:

1. क्या आपकी तालिका में सेलपैडिंग विशेषता 0 पर सेट है?
   1. cellpadding = "0"
2. क्या आपकी तालिका में सेलस्पेसिंग विशेषता 0 पर सेट है?
   1. cellspacing = "0"
3. क्या आपकी सामग्री और तालिका के टैग से पहले या बाद में कोई रिक्त स्थान है?

संख्या 3 किकर है। कई एचटीएमएल संपादकों को पढ़ने के लिए आसान बनाने के लिए कोड को सभी जगहों पर रखना पसंद है। लेकिन कई ब्राउज़र आपके टैब के अंदर वांछित अतिरिक्त स्थान के रूप में उन टैब, रिक्त स्थान और कैरिज रिटर्न की व्याख्या करते हैं। अपने टैग के आस-पास सफेद जगह से छुटकारा पाएं और आपके पास कुरकुरा टेबल होगा।

स्टाइल शीट्स

हालांकि, यह एचटीएमएल नहीं हो सकता है। कैस्केडिंग स्टाइल शीट टेबल के कुछ डिस्प्ले विशेषताओं को नियंत्रित करते हैं और पृष्ठ के आधार पर, आप जानबूझकर तालिका-विशिष्ट सीएसएस को पहले स्थान पर जोड़ सकते हैं या नहीं।

तालिका, वें या टीडी गुणों के अंदर निम्न में से किसी भी मान के लिए शासी सीएसएस फ़ाइल स्कैन करें और आवश्यकतानुसार समायोजित करें:

• सीमा किसी तालिका या सेल सीमा के गुण निर्दिष्ट करती है
• बॉर्डरेटिंग सीमा चौड़ाई से बचने के लिए सीमा-पतन एक के रूप में आसन्न सीमाओं का इलाज करता है
• पैडिंग प्रत्येक सेल के चारों ओर पिक्सल में रिक्त स्थान प्रदान करता है
• टेक्स्ट-एलाइन सेल के भीतर पाठ के संरेखण को निर्धारित करता है
• सीमा-दूरी सेटिंग, कोशिकाओं के बीच, पिक्सल में सेट करता है

वैकल्पिक

यद्यपि आप अभी भी HTML टेबल का उपयोग कर सकते हैं-मानक आज के ब्राउज़र में अच्छी तरह से स्थापित और सार्वभौमिक रूप से समर्थित है- अधिकांश आधुनिक उत्तरदायी वेब डिज़ाइन पृष्ठ पर तत्व रखने के लिए कैस्केडिंग स्टाइल शीट का उपयोग करता है। टेबल्स अभी भी टैब्यूलर डेटा प्रदर्शित करने के अपने मूल उद्देश्य के उद्देश्य के लिए समझ में आता है, लेकिन किसी पृष्ठ के लेआउट और सामग्री को व्यवस्थित करने के लिए, आप इसके बजाय सीएसएस लेआउट का उपयोग करना बंद कर देते हैं।