Bellboy struggling

Nézzünk be a felszín alá

Hát ez tényleg sokkal egyszerűbben is megcsinálható.Találd ki, mennyi kód van ebben a kis táblázatban? 13.7k. 17 sor és 9 oszlop van benne. És ne is említsük a rengeteg helykitöltő gif-et.
Igazán túl sok cella és helykitöltő van itt.És az összes pontozott szegély a cellák background-jaként van megadva, ami nem lesz valid.
Egy beszúrt táblázat? Minek?
Lista készítéséhez? Viccelsz?
Az egész felépíthető 8 cellából és 4 CSS szabályból.Most komolyan. 8 cella és 4 CSS szabály, ez minden.
Jaj, ne. Még egy táblázat listának álcázva.
Listaként kódold a listádat, a többit bízd a CSS-re.
Egy szabály kell a <table>-nek, egy a <td>-nek, egy az <ul>-nek és egy a <li>-nek.Ha ezzel megvagy, akkor király leszel.
Ez sokkal jobb, mint 8-cal több felesleges cellát használnál hamis listákhoz, ami végül is sokkal kevésbé hozzáférhető.
Nagyszerű! Az utolsó lista utánzat.

A kód ami a táblázatot megjeleníti:

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

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

>
Scott Design