Всем привет. Всегда верстал таблицами, и по сей день ими верстаю. Но ради интереса, решил попробовать одну вещь заверстать списками. Задача: есть 3 строки, в каждой по 3 ячейки. Между строками промежуток в 1 пиксель, межу ячейками промежуток в 1 пиксель. НО! Отступа от каждой последней ячейки в строчке и отступа от последней строки быть не должно. Сделал такой html:



Если вы запустите этот html, описанные отступы вы увидите, и понятно почему. Вопрос: как сделать так, чтобы их не было? Можно каждому li присваивать класс, а каждому 3-му, 6-му, 9-му и т.д. не присваивать. Тогда отсутпов не будет, но при формировании html в языке программирования нужно тогда проверять номер элемента списка и номер строки. Есть какие-то другие способы, чтобы задачу можно было решить только средствами CSS?

Заранее спасибо!

Всем огромное сорри!
Много чего прислали, а я пропал - просто тут проблемы на работе были, извиняюсь.

Да, действительно, я хотел заверстать таблицу с использованием списков (извините, если неправильно выразился при постановке задачи:) Но думаю, меня поняли). Почему я так хотел: то был просто пример. Но вижу сейчас, часто верстают с использованием списков, например, страницы со списком товаров. Т.е. есть страница, там выводится по 3 товара в ряд. Вот я и хотел понять, как удобнее верстать с точки зрения формирования html в языке программирования.

При верстке таблицами, в данном случае, нужно проверять каждую третью ячейку строки и оборачивать ее в <tr>. При этом, если в последней строке вывелось меньше 3х ячеек, ее нужно дополнить пустыми ячейками (или сделать colspan).

В случае списков, можно сделать, чтобы они автоматически переносились. Тогда не нужно делать проверки, описанные выше. Мелочь, а приятно. И если можно без этого обойтись - почему бы и нет. Но тут натолкнулся на другую проблему с отступами.

Да, можно добавлять класс last, как советовали. Я сам об этом писал, но в таком случае, особых преимуществ списков над таблицами, в данном случае, не вижу. Идея была просто сэкономить время на лишние проверки, если это возможно.

На картинке ниже, первый пример - как должно быть (сверстано таблицами), второй - как не должно быть (сверстано, с использованием списков). Не должно быть лишшних отступов справа и снизу.

Картинка

Вообще, не вижу сейчас ни одного сайта, сверстанного таблицами) А я верстаю, и моя верстка железно работает во всех браузерах, даже в старых IE6 (хоть он уже почти и не используется). Дивы я тоже использую, но для определенных целей, например, для фиксированных/абсолютных слоев, всяких выпадающих менюшек с эффектами, когда в див нужно подгрузить какой-то html аяксом и т.д. Но общая сетка у меня табличная. А сейчас, я смотрю, модно все верстать дивами)

Вообще, последней абзац к теме не относится) Это я так написал. Сейчас много всего написано и по таблицам и по дивам. Но спор религиозный, что однозначно лучше - ответа не будет никогда. И то, и другое - инструмент и нужно его просто использовать по назначению.

авторli:nth-child(3n+1) + li + li
Про подобные вещи даже не слышал)) Обходился таблицами и проверками.

Вот и думай, как лучше) ЦСС городить, или оставить все, как делал раньше)

Ясно, спасибо всем за участие.
Способов много, нужно попробовать и тот, и другой, чтобы сделать уже вывод, что для тебя удобнее, а что нет!