HTML टेबल्स में रिक्त स्थान से छुटकारा पाना

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

HTML तालिका परिभाषा

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

1. क्या आपकी तालिका में सेलपैडिंग विशेषता 0 पर सेट है?

   1. सेलपैडिंग = "0"

2. क्या आपकी तालिका में सेलस्पेसिंग विशेषता 0 पर सेट है?

   1. सेलस्पेसिंग = "0"

3. क्या आपकी सामग्री और तालिका के टैग के पहले या बाद में कोई स्थान है?

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

स्टाइल शीट्स

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

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

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

वैकल्पिक

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