Шилтеме алкагын кантип алып салса болот

Мазмуну:

Шилтеме алкагын кантип алып салса болот
Шилтеме алкагын кантип алып салса болот

Video: Шилтеме алкагын кантип алып салса болот

Video: Шилтеме алкагын кантип алып салса болот
Video: Полное руководство по Google Forms - универсальный инструмент для опросов и сбора данных онлайн! 2024, Декабрь
Anonim

Эгер сиз веб-сайттарды куруп жатсаңыз, анда сөзсүз түрдө келүүчүлөрдүн браузерлеринде баракчаларды көрсөтүү үчүн орнотууларды эске алышыңыз керек. Атап айтканда, шилтеме тэгдеринин ичине жайгаштырылган сүрөттөр, браузерлер тарабынан, демейки шартта, бир чекиттүү көк чекисти (пиксель) кеңейтилген. Бул барак элементтеринин өлчөмүн белгилөөдө да, алардын түстөрүнүн дизайнын аныктоодо да эске алынышы керек. Маселени чечүүнүн альтернативдүү жолу бар - браузерлерди кадрды көрсөтпөөгө мажбурлоо үчүн HTML жана CSS колдонуп.

Шилтеме алкагын кантип алып салса болот
Шилтеме алкагын кантип алып салса болот

Нускамалар

1 кадам

Эгерде сиздин баракча дизайныңыздын версиясы үчүн чек араны белгилүү бир сүрөттөн шилтеме менен же бир нече гана алып салуу жетиштүү болсо, анда алардын тегдерине нөл мааниси бар чек атрибутун кошуу жетиштүү болот. Бул кошумча менен, шилтемелери бар сүрөттөрдүн HTML-коду төмөнкүдөй болушу мүмкүн: Ошондой эле стиль атрибуттарын колдонсоңуз болот - бул параметрлер барабар. Стиль атрибуту жана анда көрсөтүлгөн нөлдүк чек менен, ошол эле код мындай болмок: Стиль атрибутун колдонгондо, нөл маанисин (0px) "жок" тексти менен алмаштырса болот (тырмакча жок).

2-кадам

Эгерде сиз баракчага жайгаштырылган шилтемелери бар бардык сүрөттөр үчүн кадрдын пайда болушун алдын алгыңыз келсе, анда аны HTML коддун бир жеринде жасоо оңой. Ал үчүн барактын стилдеринин сүрөттөлүшү бардык шилтемелерге мүнөздүү эреже менен документтин баш бөлүгүндө (жана тегдердин ортосунда) жайгаштырылышы керек. Сиз бул эрежени мындайча жаза аласыз: img {border: none;} Бул браузерге CSS ичинде стилдердин сүрөттөлүшү бар экендигин билдирген тегдин ичине жайгаштырылышы керек:

img {border: none;}

3-кадам

Эгерде сиз башка баракчага өтпөстөн тексттик шилтемени басканда кандайдыр бир иш-аракеттерди жасоочу баракчада JavaScript скрипттерин колдонсоңуз, анда айрым браузерлерди жана текст шилтемесин айланып чыккандан кийин, ушундай чекиттүү кадр калат. Дизайныңыздагы ушул уруксатсыз өзгөрүүнү алдын алуу үчүн, CSS стилин сүрөттөө блогуна тексттик шилтемелер үчүн ылайыктуу эреже кошуңуз:

a {outline: none;}

Сунушталууда: