თუ ვებსაიტებს აშენებთ, აუცილებლად უნდა გაითვალისწინოთ ვიზიტორების ბრაუზერებში გვერდების ჩვენების პარამეტრები. კერძოდ, ბმულის თეგებში განთავსებული სურათები ასახულია ბრაუზერების მიერ, ნაგულისხმევად, ლურჯი ერთპუნქტიანი (პიქსელის) ფართო საზღვრით. ეს უნდა იქნას გათვალისწინებული როგორც გვერდის ელემენტების ზომის დადგენისას, ასევე მათი ფერის დიზაინის განსაზღვრისას. არსებობს პრობლემის ალტერნატიული გადაწყვეტა - HTML და CSS გამოყენებით ბრაუზერები აიძულონ არ აჩვენონ ჩარჩო.
ინსტრუქციები
Ნაბიჯი 1
თუ გვერდის დიზაინის თქვენი ვერსიისთვის საკმარისი იქნება ერთი კონკრეტული სურათის საზღვრის ამოღება ბმულით ან მხოლოდ რამდენიმე, მაშინ საკმარისი იქნება, რომ დაამატოთ საზღვრის ატრიბუტი ნულოვანი მნიშვნელობით მათ თეგებს. ამ დამატებით, HTML კოდის სურათები, რომელსაც აქვს ბმულები, შეიძლება ასე გამოიყურებოდეს: ასევე შეგიძლიათ გამოიყენოთ სტილის ატრიბუტები - ეს ვარიანტები ექვივალენტურია. სტილის ატრიბუტით და მასში მითითებული ნულოვანი საზღვრის მნიშვნელობით, იგივე კოდი ასე გამოიყურება: სტილის ატრიბუტის გამოყენებისას, ნულოვანი მნიშვნელობა (0px) შეიძლება შეიცვალოს ტექსტით "არცერთი" (ბრჭყალების გარეშე).
ნაბიჯი 2
თუ გსურთ აღკვეთოთ ჩარჩოს გამოჩენა აბსოლუტურად ყველა სურათზე გვერდზე განთავსებული ბმულებით, მაშინ ამის გაკეთება უფრო ადვილია HTML კოდში. ამისათვის გვერდის სტილის აღწერა ყველა ბმულისთვის დამახასიათებელი წესით უნდა განთავსდეს დოკუმენტის სათაურის ნაწილში (და ტეგებს შორის). შეგიძლიათ დაწეროთ ეს წესი შემდეგნაირად: img {border: none;} ის უნდა განთავსდეს ტეგის შიგნით, რომელიც ბრაუზერს ეუბნება, რომ CSS– ში არსებობს სტილის აღწერა:
img {საზღვარი: არცერთი;}
ნაბიჯი 3
თუ თქვენ იყენებთ JavaScript სკრიპტებს გვერდზე, რომლებიც ასრულებენ რაიმე მოქმედებას, როდესაც თქვენ დააჭერთ ტექსტურ ბმულს სხვა გვერდზე გადასვლის გარეშე, შემდეგ ზოგიერთ ბრაუზერში დაწკაპუნების შემდეგ და ტექსტური ბმულის გარშემო, მსგავსი წერტილოვანი ჩარჩო რჩება. თქვენი დიზაინის არასანქცირებული ცვლილების თავიდან ასაცილებლად CSS სტილის აღწერის ბლოკში ტექსტური ბმულებისათვის დაამატეთ შესაბამისი წესი:
a {მონახაზი: არცერთი;}
