/ / मेरी मेज के साथ क्या गलत है? - एचटीएमएल

मेरी मेज के साथ क्या गलत है? - एचटीएमएल

तालिका के लिए कोड यहां दिया गया है:

<table align="center" width="303" height="740" border="1" cellpadding="10">
<tr>
<th width="130" height="41" scope="col">URL1 - Normal</th>
<th width="121" scope="col">URL2  - Hover</th>
</tr>
<tr>
<td height="94"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green.png"/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green-h.png" alt=""/></td>
</tr>
<tr>
<td height="124"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-blue.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-blue-h.png" alt=""/></td>
</tr>
<tr>
<td height="147"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-grey-h.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-grey.png" alt=""/></td>
</tr>
<tr>
<td height="137"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-pink.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-pink-h.png" alt=""/></td>
</tr>
<tr>
<td height="132"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-red.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-red-h.png" alt=""/></td>
</tr>
<tr>
<td height="132"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-black.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-black-h.png" alt=""/></td>
</tr>
</table>

जब मैं टेबल डालता हूं, तो यह तालिका और पाठ के बीच में एक अंतर छोड़ देता है। अगर मैं टेबल हटा देता हूं, तो सब कुछ ठीक है। क्या गलत हो रहा है?

उत्तर:

जवाब के लिए 5 № 1

ब्लॉगस्पॉट आपके लिए लाइन ब्रेक डालता है... और वे टेबल को नीचे धक्का देते हैं। (मैं अभी तक एक कामकाज नहीं मिला है।)

यदि आप स्रोत देखते हैं, तो आप उन्हें देख सकते हैं:

<table align="center" width="303" height="740" border="1" cellpadding="10"><br />
<tr><br />
<th width="130" height="41" scope="col">URL1 - Normal</th><br />
<th width="121" scope="col">URL2  - Hover</th><br />
</tr><br />
<tr><br />
<td height="94"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green.png"/></td><br />
...

क्यों कि BRएस के अंदर सीधे जब अमान्य हैं TABLE, TR, या एक के बाद TH या TD, ब्राउज़र डोम को प्रस्तुत करते समय तालिका के बाहर और ऊपर उन तत्वों को धक्का देता है।


उत्तर № 2 के लिए 1

यदि आप पृष्ठ के स्रोत पर नज़र डालते हैं, तो आप एक टन देखेंगे <br/> टैग आपकी तालिका के साथ छेड़छाड़ (लेकिन सेल तत्वों में निहित नहीं है)। वे टेबल के ऊपर प्रस्तुत किए जाते हैं।

ऐसा लगता है कि आपके एचटीएमएल को किसी चीज से पार्स किया जा रहा है, और आपकी लाइन-ब्रेक को बीआर टैग के साथ बदल दिया जा रहा है।

त्वरित समाधान: सभी लाइनब्रेक को हटाएं और केवल एक पंक्ति पर टेबल कोड रखें :)


उत्तर № 3 के लिए 1

इसमें टेबल के साथ कुछ लेना देना नहीं है। यह तथ्य है कि 31 हैं <br> (रेखा ब्रेक) तालिका से पहले टैग (जो कि विशाल अंतर बना रहे हैं।

यह BlogSpot (या जो भी ब्लॉग सेवा आप उपयोग कर रहे हैं) की तरह लगता है अतिरिक्त जोड़ रहा है <br> इस टैग के आधार पर टैग कि आप बाकी के स्वरूपण कैसे कर रहे हैंआपकी सामग्री यदि संभव हो तो पृष्ठ के स्रोत को संपादित करें और मैन्युअल रूप से उन्हें हटा दें ... अन्यथा यह आपके द्वारा जारी किए जा रहे ब्लॉग प्लेटफ़ॉर्म के साथ एक समर्थन समस्या बन जाता है।


जवाब के लिए 0 № 4

इसमें आपके कुछ भी करने के लिए कुछ भी नहीं है table मार्कअप। उस पृष्ठ का HTML स्रोत देखना लगभग 30 दिखाता है <br> तालिका से आगे टैग। वे अतिरिक्त जगह के लिए स्पष्ट रूप से जिम्मेदार हैं।

आपको 30 क्यों मिलता है <br> एक टेबल डालने पर टैग के साथ कुछ करने के लिए कुछ होना चाहिए blogspot.com आपकी सामग्री स्वरूपित कर रहा है। आपकी सबसे अच्छी शर्त हाथ से HTML को संपादित करने का प्रयास करने के लिए है <br> टैग। यदि आप ऐसा नहीं कर सकते हैं, या यदि <br> HTML को संपादित करते समय टैग नहीं दिखते हैं, यह ब्लॉगस्पॉट पर ग्राहक सेवा के लिए एक प्रश्न है।