उनके आकार से बड़े तालिका कक्ष

Question

मैंने एक गेम के लिए एक मानचित्र प्रणाली बनाई है जो टाइल से मानचित्र की तस्वीर खींचने के सिद्धांत पर चलता है। इसके लिए कई कारण हैं जिनसे मैं यहां नहीं जाऊंगा लेकिन अगर आप वास्तव में जानना चाहते हैं तो मुझे यकीन है कि आप मुझसे संपर्क कर सकते हैं;)

मेरे पास made the latest version live है ताकि आप बिल्कुल देख सकें कि समस्या झूठ और स्रोत है। मुद्दा शीर्ष 2 टाइल्स और नीचे 2 टाइल्स के बीच की रेखा है, मैं यह नहीं समझ सकता कि यह इस तरह क्यों चला गया है और किसी भी मदद की सराहना की जाएगी।

स्रोत में "स्टैक ओवरफ्लो" नामक एक मार्कर है, यदि आप स्रोत देखते समय "स्टैक ओवरफ्लो" खोजते हैं तो यह आपको प्रश्न में तालिका में ले जाना चाहिए।

मैंने भी image of the issue अपलोड किया है।

Answer 1

मुझे लगता है कि आपको अपनी छवियों पर display: block का उपयोग करने की आवश्यकता है। जब छवियां inline होती हैं तो लाइन स्पेसिंग के लिए थोड़ी अतिरिक्त जगह होती है।

Answer 2

मुझे पता है कि यह खराब लग सकता है, लेकिन आपको यह सुनिश्चित करने की ज़रूरत है कि <img> टैग के अंत और </td> टैग के अंत के बीच कोई सफेद जगह नहीं है।

अर्थात निम्नलिखित समस्या पेश करेंगे:

<td> 
<img src="image.jpg"/> 
</td> 

और यह कार्य नहीं करेंगे:

<td><img src="image.jpg"/></td> 

आशा है कि मदद करता है।

संपादित करें: ठीक है, यह समाधान बिल्कुल नहीं था। doh!

Answer 3

मैंने पूरी चीज को नहीं देखा है, लेकिन समस्या स्टाइल शीट में कहीं स्थित है।

यदि आप केवल इसके तालिका भाग को कॉपी करते हैं, तो यह मानचित्र को सही तरीके से प्रदर्शित कर रहा है।

आप इस हिस्से से अंतिम </span> टैग निकालते हैं, तो यह भी काम कर रहा है (हालांकि पेज मिलाया जाता है):

<div class="inner"><span class="corners-top"><span></span></span> 
<div class="content" style="font-size: 1.1em;"> 

<!-- Stackoverflow findy thingy --> 
<table border="0" cellspacing="0" cellpadding="0"> 

तो या तो सीएसएस के साथ शुरू से ही कोशिश या दूर करने की कोशिश एक से उन्हें देखने के लिए, जो समस्या पैदा कर रहा है।

Answer 4

तुम भी टीडी तत्व की लाइन ऊंचाई को समायोजित कर सकते हैं:

td { 
    line-height: 0 
}