זה הרבה יותר טוב
| הרבה יותר טוב | נחש כמה מבנה יש בטבלה הקטנה הזו? 2.1K. ישנן 4 שורות ו-2 עמודות בדבר הזה. ואין כלל מרווחי תמונה (Spacer GIFs). |
| בדיוק מה שצריך | וכל הגבולות המנוקדים האלה נעשו באמצעות CSS והם בהחלט תקניים
|
| כל זה נעשה עם 8 תאי טבלה ו-4 הגדרות CSS. | ברצינות. 8 תאים ו-4 הגדרות CSS, זה כל מה שדרוש
|
| אתה צריך הגדרה אחת עבור <table>, אחת עבור <td>, אחת עבור <ul> ועוד אחת עבור <li>. | זהו-זה. ברגע שיש לך את אלו - אתה על ה
|
והנה קוד ה-CSS המשמש לסילוק המבנה המטופש:
table{ border-bottom:1px dotted fuchsia; border-left:1px dotted fuchsia }
td{ padding:11px 20px 20px 11px; border-top:1px dotted fuchsia; border-right:1px dotted fuchsia }
ul { margin-top:10px; margin-bottom:10px; margin-left:0; padding-left:1em }
li{ margin-bottom:10px }
