html هتمل دوكتيب يضيف مسافة بيضاء؟



q w3school (4)

يمكن للشخص شرح لي لماذا وجود دوكتيب

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

و

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">

جعل كتلة التالية بشكل مختلف تحت فايرفوكس؟

<table style="border-collapse:collapse; margin:0; padding:0;">
    <tr>
        <td style="border:1px solid red; margin:0; padding:0;"><img src="http://images.smh.com.au/2010/06/01/1533814/th_park-90x60.jpg" style="border:none; padding:0; margin:0;" /></td>
    </tr>
</table>

باستخدام 'الانتقالية'، ليس هناك مساحة بيضاء تحت الصورة، وذلك باستخدام 'صارمة' هناك!

السؤال الثاني، باستخدام صارمة، هل من الممكن على الإطلاق لإزالة هذا الفضاء الأبيض؟


Answer #1

سوف أول دوكتيب جعل الصفحة الخاصة بك في وضع المعايير تقريبا :

"المعايير تقريبا" وضع يجعل التطابق "المعايير" واسطة في جميع التفاصيل باستثناء واحد. يتم التعامل مع تخطيط الصور داخل خلايا الجدول بنفس الطريقة "المراوغات" واسطة تعمل.

سوف دوكتيب الثاني جعل صفحتك في وضع المعايير.


Answer #2

لست متأكدا لماذا يحدث الفضاء. بقدر ما يذهب الإصلاح، إذا كنت لا تمانع صراحة وضع ارتفاع لخلية الجدول الخاص بك، يمكنك إضافة عرض: كتلة؛ والارتفاع: 60px؛ إلى أنماط تد الخاص بك.


Answer #3

كما ترون في هذا الجدول ، أول دوكتيب المشغلات وضع المراوغات في جميع المتصفحات، والثاني يؤدي وضع المعايير.

وتستمر بقية هذه القصة في الصور والجداول، والثغرات الغامضة :

وضع الصور لتكون كتل

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

td img {display: block;}

Answer #4

شكوكي هو أن المساحة البيضاء داخل الترميز (على سبيل المثال، الخطوط الجديدة وعلامات التبويب التي تجعل رمز الجدول مقروء بشكل جيد) هي على خطأ. لقد واجهت مشاكل مشابهة من قبل، حيث أدى الفضاء في الترميز إلى مساحة مزعجة على الشاشة، حتى حيث يبدو لا يهم (على سبيل المثال، بين علامات <li> ).

حاول انهيار ترميز الجدول على سطر مطول واحد.





xhtml-1.0-strict