إذا كنت تقوم بإنشاء مواقع ويب ، فعليك بالتأكيد مراعاة إعدادات عرض الصفحات في متصفحات الزوار. على وجه الخصوص ، يتم تحديد الصور الموضوعة داخل علامات الارتباط بواسطة المستعرضات ذات الحدود الزرقاء العريضة من نقطة واحدة (بكسل) افتراضيًا. يجب أن يؤخذ ذلك في الاعتبار عند ضبط حجم عناصر الصفحة وعند تحديد تصميم ألوانها. هناك حل بديل لهذه المشكلة - باستخدام HTML و CSS لإجبار المتصفحات على عدم عرض الإطار.
تعليمات
الخطوة 1
إذا كان الإصدار الخاص بك من تصميم الصفحة سيكون كافيًا لإزالة الحدود من صورة معينة مع ارتباط أو عدد قليل فقط ، فسيكون ذلك كافيًا لإضافة سمة الحدود ذات القيمة الصفرية إلى علاماتها. مع هذه الإضافة ، قد تبدو كود HTML للصور ذات الروابط كما يلي: يمكنك أيضًا استخدام سمات النمط - هذه الخيارات متكافئة. باستخدام سمة النمط وقيمة الحد الصفرية المحددة فيها ، سيبدو نفس الرمز كما يلي: عند استخدام سمة النمط ، يمكن استبدال القيمة الصفرية (0 بكسل) بالنص "بلا" (بدون علامات الاقتباس).
الخطوة 2
إذا كنت تريد منع ظهور إطار لجميع الصور تمامًا مع روابط موضوعة على الصفحة ، فمن الأسهل القيام بذلك في مكان واحد في كود HTML. للقيام بذلك ، يجب وضع وصف لأنماط الصفحة مع قاعدة مشتركة لجميع الروابط في جزء العنوان من المستند (بين العلامات و). يمكنك كتابة هذه القاعدة على النحو التالي: a img {border: none؛} يجب وضعها داخل علامة تخبر المتصفح بوجود وصف للأنماط في CSS هنا:
a img {border: none؛}
الخطوه 3
إذا كنت تستخدم نصوص JavaScript في صفحة تؤدي أي إجراءات عند النقر فوق ارتباط نصي دون التبديل إلى صفحة أخرى ، فبعد النقر فوق بعض المتصفحات وحول ارتباط النص ، يظل إطار منقط مشابه. لمنع هذا التغيير غير المصرح به في تصميمك ، أضف قاعدة مناسبة لارتباطات النص إلى كتلة وصف نمط CSS:
أ {مخطط: لا شيء ؛}
