אם אתה משתמש בטבלאות לפריסת דף - ללא no ב- XHTML , דרך אגב - סביר להניח שתחווה את ההוספה המכוערת של שטח נוסף בפריסות שלך. כדי לתקן בעיה זו, עליך לבדוק הן את הגדרת טבלת ה- HTML והן את הפרטים של כל גיליון סגנונות.
HTML הגדרת טבלה
תג HTML עבור טבלאות כברירת מחדל אינו קובע כמה דרישות ריווח. אמת שלושה דברים לגבי תג הטבלה במסמך ה- HTML שלך:
- האם הטבלה שלך כוללת את המאפיין cellpadding המוגדר ל- 0?
- cellpadding = "0"
- האם הטבלה שלך כוללת את המאפיין cellspacing המוגדר כ- 0?
- cellspacing = "0"
- האם יש רווחים לפני או אחרי התוכן שלך ואת התגים של הטבלה?
מספר 3 הוא תמרוץ. הרבה עורכי HTML כמו לקבל את הקוד כל מרווחים החוצה, כדי להקל על הקריאה. אבל דפדפנים רבים מפרשים את הלשוניות, רווחים וחזרות מחזירים כמרחב נוסף הרצוי בתוך הטבלאות. היפטר מהרווח הלבן סביב התגים שלך ותהיה לך טבלאות פריכות.
גיליונות סגנון
עם זאת, זה לא יכול להיות ה- HTML כי הוא כבוי. גיליונות סגנונות מדורגים שולטים בחלק מתכונות התצוגה של הטבלאות, ובהתאם לדף, ייתכן שהוספת או לא הוספת בכוונה טבלאות CSS ספציפיות מלכתחילה.
סרוק את קובץ CSS השולט עבור כל אחד מהערכים הבאים בתוך טבלה, th או td נכסים ולהתאים לפי הצורך:
- border מציין את המאפיינים של טבלה או גבול תאים
- הגבול-קריסה מטפל בגבולות הסמוכים כאחת, כדי למנוע כפילויות של רוחב הגבולות
- ריפוד מציע שטח ריק, בפיקסלים, סביב כל תא
- ליישר טקסט קובע את היישור של הטקסט בתוך התא
- המרווח בין גבולות קובע ריווח בין תאים, בפיקסלים
חלופות
למרות שעדיין ניתן להשתמש בטבלאות HTML - הסטנדרט מבוסס היטב ונתמך באופן אוניברסלי בדפדפנים של ימינו - עיצוב האינטרנט המודרני ביותר המותאם משתמש בגליונות סגנונות מדורגים כדי להציב אלמנטים בדף. טבלאות עדיין הגיוניות עבור המטרה המיועדת המקורית של הצגת נתונים טבלאיים, אך לארגון הפריסה והתוכן של הדף, עדיף להשתמש בפריסת CSS במקום זאת.