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 }