אם אתם בונים אתרים, עליכם בהחלט לקחת בחשבון את ההגדרות להצגת דפים בדפדפני המבקרים. בפרט, תמונות המוצבות בתוך תגי קישור מתוארות על ידי דפדפנים עם גבול כחול (נקודה) כחול כברירת מחדל. יש לקחת זאת בחשבון הן בעת קביעת גודל רכיבי העמוד והן בעת קביעת עיצוב הצבע שלהם. יש פתרון חלופי לבעיה - שימוש ב- HTML וב- CSS כדי לאלץ דפדפנים לא להציג את המסגרת.
הוראות
שלב 1
אם לגרסה שלך של עיצוב הדף זה יהיה מספיק כדי להסיר את הגבול מתמונה ספציפית אחת עם קישור או רק מעטים, אז זה יהיה מספיק כדי להוסיף את התכונה border עם ערך אפס לתגיות שלהם. בתוספת זו, קוד ה- HTML של תמונות עם קישורים עשוי להיראות כך: ניתן גם להשתמש בתכונות הסגנון - אפשרויות אלה שוות ערך. עם מאפיין הסגנון וערך הגבול האפס שצוין בו, אותו קוד ייראה כך: בעת שימוש במאפיין הסגנון, ניתן להחליף את ערך האפס (0px) בטקסט "ללא" (ללא מרכאות).
שלב 2
אם ברצונך למנוע הופעה של מסגרת לכל התמונות לחלוטין עם קישורים המוצבים בדף, קל יותר לעשות זאת במקום אחד בקוד ה- HTML. לשם כך, יש למקם תיאור של סגנונות עמודים עם כלל המשותף לכל הקישורים בחלק הכותרת של המסמך (בין התגים ל-). אתה יכול לכתוב את הכלל הזה ככה: img {border: none;} זה צריך להיות ממוקם בתוך תג שאומר לדפדפן שיש כאן תיאור של סגנונות ב- CSS:
img {border: none;}
שלב 3
אם אתה משתמש בסקריפטים JavaScript בדף שמבצע פעולות כלשהן כאשר אתה לוחץ על קישור טקסט מבלי לעבור לדף אחר, לאחר לחיצה בדפדפנים מסוימים ומסביב לקישור הטקסט, נותרה מסגרת מנוקדת דומה. כדי למנוע שינוי בלתי מורשה זה בעיצוב שלך, הוסף כלל מתאים לקישורי טקסט לבלוק התיאור של סגנון CSS:
{מתאר: אין;}
