Ritter

http://jsfiddle.net/9qwr2/1/

Расширенный режим cellspacing тоже не подходит. Так как мне нужно задать между <td>, именно - между. А не еще вокруг. С помощью php добавляются стили к <td>, вот им нужно прописать расстояние.

Не могу добиться расстояния между <td> в таблице. cellspacing не подходит. padding, тоже не подходит, так как идет рамка. Какие варианты еще есть?

Да правильно.

Так и почему не подходит-то? Ну добавляется он и что дальше? Структура же останется нужной. Или вы что-то не договариваете? Не договариваю. Для начала хотел услышать какие бывают варианты. Ширина фиксирована. Изначально я сделал, как описал выше, с помощью overflow:hidden, забыл что решение мне не подойдет. Так как серый квадрат у последнего блока уходит в значение hidden. Серый квадрат представлен как absolute, и вынесен из блока right:-x; Эти 4 блока повторяются ниже.

Зачем мне менять размер окна? Ты написал какую-то хрень. Таким макаром можно сделать даже лучше. прописываем для блока с фиксированной шириной overflow:hidden; дальше пишем еще блок с шириной больше на 30px. в него пишем эти 4 блока, прописывам им float:left;, задаем ширину и делаем отступ справа 30px. Вуаля! Но мне этот вариант не подходит.

Вполне. Этот вариант не подходит, так как эти блоки находятся внутри блока с фиксированной шириной.

Понятно. Значит варианто нет. Жаль...

float прописан. первому элементу отдельный стиль не подходит, так как эти четверо блока могу добавляться и ниже.

Ка сделать также: Не подходит: overflow, display table и просто table.

Повтор по вертикали (в рамках height).

Почему так не работет repeat? background: url('../image/image.png') 16px 0 repeat; height: 14px; width: 2px; А так работает? background: url('../image/image.png') left top repeat; height: 14px; width: 2px; Как заставить первый вариант работать? В примере имеется ввиду, что при цифрах повтор не работает.

Да вы правильно меня поняли. Смысл тот же.

Даже если как-то через a её сделать, в итоге пр наведени на дочернее меню, картинка у а пропадет. единсвенный спопоб вижу, обнять span-ом (например), т.е.: <li> <span> <a href="#">Женская одежда</a> <div> <ul> <li><a href="#">Платья</a></li> <li><a href="#">Топы</a></li> </ul> </div> <span> <li> но тогда все сделанное рушится.

Либо я дуб, либо вы что не так пишите. Это a:hover {background:url(1.png) no-repeat 100% 0;} накладывается на это li:hover {background:url(1.jpg) no-repeat;} Я не понимаю смысл прозрачности? За рамки li картинка не выходит, а нужно именно чтобы левую картинку дополняла правая.