Bellboy struggling

Mira bajo la superficie

Esto se podría realizar de una manera mucho más simple.Adivina ¿cuánto pesa el marcado de esta pequeña tabla? 13,7k. Cuenta con 17 filas y 9 columnas. ¿Y mencioné todos los espaciadores GIF?
Podemos ver muchas celdas de tablas y espaciadores aquí.Y todos los márgenes con puntos están hechos con un atributo de fondo en las celdas de las tablas, los cuales no serán validados.
•¿Una tabla anidada? ¿Para qué?
•¿Para hacer una lista no numerada? Me estás tomando el pelo ¿no?
Todo esto se podría realizar con 8 celdas de tablas y con 4 reglas de CSS.De verdad, todo lo que se necesita son 8 celdas y 4 reglas de CSS.
•¡Ay no! Otra tabla haciéndose pasar por una lista no numerada.
•Simplemente marca tus listas no numeradas como tal y deja que CSS haga el resto.
Necesitas una regla para <table>, otra para <td>, otra para <ul> y otra para <li>.Eso es todo. Una vez que las tienes, lo has logrado.
•Mejor que 8 celdas de tablas más para crear una lista no numerada falsa, lo cual termina siendo mucho menos accesible.
•¡Excelente! La última línea de la lista falsa.

El código que muestra la estructura de la tabla:

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