תציץ מתחת לפני השטח

זה בהחלט יכול להתבצע בקלות רבה יותר. נחש כמה מבנה יש בטבלה הקטנה הזו? 13.7K. ישנן 17 שורות ו-9 עמודות בדבר הזה. והאם הזכרתי את כל מרווחי התמונות (Spacer GIFs)?
יש כאן הרבה יותר מדי תאי טבלה ומרווחים. וכל הגבולות המנוקדים נעשו עם תכונת background על תאי טבלה, אשר לא יהיו תקניים.
• טבלה מקוננת? לשם מה?
• על-מנת לעשות רשימה מובלטת? אתם צוחקים, נכון?
כל זה יכול להעשות עם 8 תאי טבלה ו-4 הגדרות CSS. ברצינות. 8 תאים ו-4 הגדרות CSS, זה כל מה שצריך.
• אוי לא, עוד טבלה המוסוות כרשימה מובלטת.
• פשוט תבנה את הרשימה המובלטת שלך כרשימה מובלטת ותן ל-CSS לעשות את השאר.
אתה צריך הגדרה אחת עבור <table>, אחת עבור <td>, אחת עבור <ul> ועוד אחת עבור <li>. זהו-זה. ברגע שיש לך את אלו - אתה על הסוס.
• זה עדיף מאשר שימוש ב-8 תאי טבלה על-מנת ליצור רשימה מובלטת מזוייפת, אשר הופכת בסופו של דבר להרבה פחות נגישה.
• מצויין! ההבלטה המזוייפת האחרונה.

הקוד שמראה את מבנה הטבלה:

table { margin: 3px; padding: 2px; border: solid 2px blue }

td { padding: 2px; border-style: solid; border-width: 1px; border-color: gray gray silver silver }