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