თუ თქვენ იყენებთ ცხრილებს გვერდის განლაგებასთან დაკავშირებით - არა XHTML- ში , სხვათა შორის - ეს სავარაუდოდ თქვენ განიცდიებთ დამატებით სივრცეს დამატებით სივრცეში. ამ პრობლემის გადასაჭრელად თქვენ უნდა შეამოწმოთ თქვენი HTML ცხრილის განმარტება და ნებისმიერი მმართველი სტილის ფურცლის სპეციფიკა.
HTML ცხრილის განმარტება
ცხრილისთვის HTML ჩანართი, ჩვეულებრივ, არ აკონტროლებს გარკვეულ სივრცეში მოთხოვნებს. შეამოწმეთ სამი რამ თქვენი HTML დოკუმენტის ცხრილის შესახებ :
- აქვს თუ არა თქვენს მაგიდასთან 0-ზე მითითებული საკანში პაპკის ატრიბუტი?
- cellpadding = "0"
- აქვს თუ არა თქვენს მაგიდასთან აქვს cellspacing ატრიბუტი მითითებული 0?
- cellspacing = "0"
- არსებობს თუ არა სივრცეები თქვენს კონტენტამდე ან მაგიდის ჩანართამდე?
ნომერი 3 არის kicker. ბევრი HTML რედაქტორი მინდა კოდი ყველა spaced out, რათა ადვილად წაიკითხოს. მაგრამ ბევრი ბრაუზერის ინტერპრეტაცია იმ ჩანართების, ფართები და ვაგონი ბრუნდება როგორც სასურველი ზედმეტი სივრცეში თქვენს მაგიდები. მოშორება თქვენი ტეგების გარშემო და თქვენ გაქვთ crisper მაგიდები.
სტილი ფურცლები
თუმცა, ეს არ შეიძლება იყოს HTML, რომელიც გამორთულია. Cascading სტილის ფურცლები აკონტროლებენ ზოგიერთი ჩვენების ატრიბუტებს ცხრილებს და დამოკიდებულია გვერდზე, შეგიძლიათ ან არ შეიძლება განზრახ დასძინა მაგიდა კონკრეტული CSS პირველ რიგში.
სკანირება მართვის CSS ფაილის ნებისმიერი შემდეგი ღირებულებების მაგიდაზე, ე.ი. ან td თვისებები და საჭიროა შეცვალოს:
- საზღვარი განსაზღვრავს ცხრილის ან საკნის საზღვრის ატრიბუტებს
- საზღვრის კოლაფსი მიმდებარე საზღვრებს განიხილავს, რათა თავიდან იქნას აცილებული საზღვრის დუბლირების დუბლირება
- padding გთავაზობთ ცარიელი სივრცე, პიქსელებში, თითოეულ საკანში
- ტექსტის გასწორება განსაზღვრავს უჯრედის ფარგლებში ტექსტის სწორხაზოვნებას
- სასაზღვრო ინტერვალი უჯრედებს შორის ინტერვალით, პიქსელებში
ალტერნატივები
მიუხედავად იმისა, რომ თქვენ შეგიძლიათ კვლავ გამოიყენოთ HTML ცხრილები - სტანდარტი კარგად არის დადგენილი და დღევანდელი ბრაუზერების საყოველთაოდ მხარდაჭერილი - ყველაზე თანამედროვე საპასუხო ვებ დიზაინი იყენებს კასკადური სტილების ცხრილებს, რათა გვერდზე განთავსდეს ელემენტები. მაგიდები კვლავ აზრიან ტაბულური მონაცემების ჩვენების თავდაპირველი მიზნისთვის, მაგრამ გვერდის განლაგების და შინაარსის ორგანიზების მიზნით, თქვენ ბევრად უკეთესია CSS განლაგების გამოყენებით.