Web siteleri oluşturuyorsanız, ziyaretçilerin tarayıcılarında sayfa görüntüleme ayarlarını kesinlikle dikkate almalısınız. Özellikle, bağlantı etiketlerinin içine yerleştirilen resimler, varsayılan olarak mavi bir nokta (piksel) geniş kenarlıkla tarayıcılar tarafından özetlenir. Bu, hem sayfa öğelerinin boyutunu ayarlarken hem de renk tasarımlarını belirlerken dikkate alınmalıdır. Sorunun alternatif bir çözümü var - tarayıcıları çerçeveyi görüntülememeye zorlamak için HTML ve CSS kullanmak.
Talimatlar
Aşama 1
Sayfa tasarımı sürümünüz için, belirli bir resimden bir veya birkaç bağlantı içeren kenarlığı kaldırmak yeterli olacaksa, etiketlerine sıfır değerine sahip border niteliğini eklemek yeterli olacaktır. Bu eklemeyle, bağlantı içeren resimlerin HTML kodu şöyle görünebilir: Stil niteliklerini de kullanabilirsiniz - bu seçenekler eşdeğerdir. Stil özniteliği ve içinde belirtilen sıfır kenarlık değeri ile aynı kod şöyle görünür: Stil özniteliğini kullanırken, sıfır değeri (0px) "none" (tırnak işaretleri olmadan) metniyle değiştirilebilir.
Adım 2
Sayfaya yerleştirilmiş bağlantılara sahip kesinlikle tüm resimler için bir çerçevenin görünümünü önlemek istiyorsanız, bunu HTML kodunda tek bir yerde yapmak daha kolaydır. Bunu yapmak için, tüm bağlantılarda ortak bir kurala sahip sayfa stillerinin bir açıklaması, belgenin başlık kısmına (ve etiketleri arasına) yerleştirilmelidir. Bu kuralı şu şekilde yazabilirsiniz: a img {border: none;} Burada, tarayıcıya CSS'de stillerin bir açıklaması olduğunu söyleyen bir etiketin içine yerleştirilmelidir:
bir img {sınır: yok;}
Aşama 3
Başka bir sayfaya geçmeden bir metin bağlantısını tıkladığınızda herhangi bir işlem gerçekleştiren bir sayfada JavaScript komut dosyaları kullanırsanız, bazı tarayıcılarda ve metin bağlantısının çevresinde tıkladıktan sonra benzer noktalı bir çerçeve kalır. Tasarımınızda bu yetkisiz değişikliği önlemek için, CSS stili açıklama bloğuna metin bağlantıları için uygun bir kural ekleyin:
a {anahat: yok;}
