خلايا الجدول أكبر مما ينبغي أن تكون

Question

لقد قمت بإنشاء نظام خرائط للعبة يعمل على مبدأ رسم صورة الخريطة من المربعات.هناك العديد من الأسباب لذلك والتي لن أخوض فيها هنا، ولكن إذا كنت تريد أن تعرفها حقًا، فأنا متأكد من أنه يمكنك معرفة كيفية الاتصال بي؛)

أملك جعل أحدث نسخة حية حتى تتمكن من رؤية أين تكمن المشكلة ومصدرها بالضبط.تكمن المشكلة في الخط الفاصل بين أعلى قطعتين وأسفل قطعتين، ولا أستطيع معرفة سبب اختفائه بهذا الشكل وسيكون موضع تقدير أي مساعدة.

يوجد في المصدر علامة تسمى "stackoverflow"، إذا كنت تبحث عن "stackoverflow" عند عرض المصدر، فيجب أن يأخذك إلى الجدول المعني.

لقد قمت أيضًا بتحميل ملف صورة للمسألة.

Answer 1

أعتقد أنك بحاجة إلى استخدام display: block على الصور الخاصة بك.عندما تكون الصور inline هناك مساحة إضافية صغيرة لتباعد الأسطر.

Answer 2

يمكنك أيضًا ضبط ارتفاع سطر عنصر td:

td {
    line-height: 0
}

Answer 3

أعلم أن هذا قد يبدو سيئًا، لكن عليك التأكد من عدم وجود مسافة بيضاء بين طرفيك <img> العلامة وبداية النهاية </td> بطاقة شعار.

أي.ما يلي سوف يعرض المشكلة:

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

وهذا لن:

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

امل ان يساعد.

يحرر:حسنًا، لم يكن هذا هو الحل على الإطلاق.دوه!

Answer 4

لم أبحث عن الأمر برمته، لكن المشكلة تكمن في مكان ما في أوراق الأنماط.

إذا قمت بنسخ جزء الجدول منه فقط، فسيتم عرض الخريطة بشكل صحيح.

إذا قمت بإزالة النهائي </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">

لذا إما أن تحاول من البداية باستخدام ملف CSS أو تحاول إزالته واحدًا تلو الآخر لمعرفة سبب المشكلة.