Veb saytlar qurursanız, ziyarətçilərin brauzerlərində səhifələrin göstərilməsi üçün parametrləri mütləq nəzərə almalısınız. Xüsusilə, bağlantı etiketlərinin içərisinə yerləşdirilmiş şəkillər, varsayılan olaraq mavi bir nöqtəli (piksel) geniş sərhədli brauzerlər tərəfindən təsvir olunur. Bu həm səhifə elementlərinin ölçüsünü təyin edərkən, həm də rəng dizaynını təyin edərkən nəzərə alınmalıdır. Problemə alternativ bir həll yolu var - brauzerləri çərçivəni göstərməməyə məcbur etmək üçün HTML və CSS istifadə edin.
Təlimat
Addım 1
Səhifə dizaynının versiyası üçün haşiyəni müəyyən bir görüntüdən bir keçidlə və ya yalnız bir neçəsini silmək kifayət edərsə, etiketlərinə sıfır dəyəri olan sərhəd atributunu əlavə etmək kifayətdir. Bu əlavə ilə bağlantıları olan şəkillərin HTML kodu belə görünə bilər: Stil atributlarından da istifadə edə bilərsiniz - bu seçimlər bərabərdir. Stil atributu və orada göstərilən sıfır sərhəd dəyəri ilə eyni kod belə görünür: Stil atributundan istifadə edilərkən, sıfır dəyər (0px) "yox" (tirnoq olmadan) mətni ilə əvəz edilə bilər.
Addım 2
Səhifədə yerləşdirilmiş bütün şəkillər üçün bir çərçivə görünüşünün qarşısını almaq istəyirsinizsə, HTML kodunda bir yerdə bunu etmək daha asandır. Bunu etmək üçün sənədin başlıq hissəsində (və etiketlər arasında) bütün keçidlər üçün ümumi bir qayda olan səhifə üslublarının təsviri yerləşdirilməlidir. Bu qaydanı belə yaza bilərsiniz: img {border: none;} Brauzerə CSS-də üslubların təsvirinin olduğunu bildirən bir etiketin içərisinə yerləşdirilməlidir:
bir img {border: none;}
Addım 3
Başqa bir səhifəyə keçmədən bir mətn bağlantısını tıkladığınızda hər hansı bir hərəkət edən bir səhifədə JavaScript skriptlərindən istifadə edirsinizsə, bəzi brauzerlərdə və mətn bağlantısının ətrafında vurduqdan sonra oxşar nöqtəli bir çərçivə qalır. Dizaynınızdakı bu icazəsiz dəyişikliyin qarşısını almaq üçün CSS stil təsviri blokuna mətn əlaqələri üçün uyğun bir qayda əlavə edin:
a {kontur: yoxdur;}