dinchy

Товарищи! Давайте жить дружно! )) действительно, картинки в ячейках сливаются в одну при коде table,td {padding: 0px;} , что есть хорошо! пробовала прописать padding для каждой ячейки, например td.middle {background-image: url(middle.jpg);background-repeat: no-repeat;height: 69px;width: 523px; padding-left: 20px;} в этом раскладе нарушается целостность общей картинки (www.ekolab-zentr.ru) и появляются зазоры между ячейками прописала общее все всех (в конце css кода) p {margin:10px;} теперь отступ есть, но работает почему-то не для всех ячеек, например не работает в td.right, td.bottom, table.small что касается блоков - хотела обойтись без них, так как по прошлому опыту не смогла зафиксировать блоки в единой позиции и они смещались в зависимости от разрешения, от размера монитора и т.д. разбираться нет времени, deadline, использовать div боюсь ...вот... Но наверное использовать div придется. в верхней ячейке есть маленькая таблица-меню, слева от нее должен быть текст, пока не думала, как это осуществить, но мне кажется придется с div поработать, может подскажете как не сделать ошибку? html, body { margin:0px; padding:0px; } body, input, select, textarea { background-color: #ffffff; } td, input, select, textarea { font-family: Times New Roman; font-size: 14px; color: #000000; vertical-align: top; } table.main { table-layout: fixed; border-collapse: collapse; text-align: justify; } table,td { padding: 0px; } td.top { background-image: url(top.jpg); background-repeat: no-repeat; height: 263px; width: 1000px; } td.left { background-image: url(left.jpg); background-repeat: no-repeat; height: 69px; width: 239px; } td.middle { background-image: url(middle.jpg); background-repeat: no-repeat; height: 69px; width: 523px; } td.right { background-image: url(right.jpg); background-repeat: no-repeat; height: 69px; width: 240px; } td.left_menu { background-image: url(left_menu.jpg); background-repeat: y-repeat; height: 11px; width: 240px; } td.center { background-image: url(center.jpg); background-repeat: y-repeat; height: 10px; width: 523px; } td.right_menu { background-image: url(right_menu.jpg); background-repeat: y-repeat; height: 12px; width: 239px; } td.bottom { background-image: url(bottom.jpg); background-repeat: no-repeat; height: 64px; width: 1000px; } table.small { align: center; border-collapse: collapse; cellspacing: 0; cellpadding: 5; margin: 10px; } p { margin:10px; }

спасибо, исправила!!! )))

Вы имели ввиду, что надо так чделать? p { padding-left: 40px; padding-top:20px; } простите, я еще плохо разбираюсь

так вот и я не пойму, я как раз в стилях ячеек td задавала padding, ноль эффекта, голову сломала. может я просто чего не вижу у себя в коде, посмотрите плизз html, body { margin:0px; padding:0px; } body, input, select, textarea { background-color: #ffffff; } td, input, select, textarea { font-family: Times New Roman; font-size: 14px; color: #000000; vertical-align: top; text-indent: 20px; } table.main { table-layout: fixed; border-collapse: collapse; text-align: justify; } td { padding: 0px; } td.top { background-image: url(top.jpg); background-repeat: no-repeat; height: 263px; width: 1000px; } td.left { background-image: url(left.jpg); background-repeat: no-repeat; height: 69px; width: 239px; cellspacing: 10px; } td.middle { background-image: url(middle.jpg); background-repeat: no-repeat; height: 69px; width: 523px; } td.right { background-image: url(right.jpg); background-repeat: no-repeat; height: 69px; width: 240px; } td.left_menu { background-image: url(left_menu.jpg); background-repeat: y-repeat; height: 11px; width: 240px; } td.center { background-image: url(center.jpg); background-repeat: y-repeat; height: 10px; width: 523px; } td.right_menu { background-image: url(right_menu.jpg); background-repeat: y-repeat; height: 12px; width: 239px; } td.bottom { background-image: url(bottom.jpg); background-repeat: no-repeat; height: 64px; width: 1000px; } table.small { align: center; border-collapse: collapse; cellspacing: 0; cellpadding: 5; margin: 10px; }

Подскажите пожалуйста, как сделать отступ сверху и слева всего текста в ячейках. пробовала cellpadding, cellspacing, left-padding. Не получается...(( Спасибо!

спасибо! работает ))) а можно еще вопрос? в верхней ячейке залито фоновое изображение. хочу поместить слева текст, в середине меню - вставить небольшую таблицу как мне выровнить текст, чтобы он обтекал таблицу слева? никак не могу сообразить... ((

это сюда? table.main { table-layout:fixed; border-collapse: collapse; }

Не пойму в чем дело, вроде прописала размеры всех ячеек таблицы, когда вставляю текст, строчки не переносятся, а идут длинной строкой. как еще зафиксировать ширину ячеек? http://www.ekolab-zentr.ru/ может что-то неправильно написала? в CSS html, body { margin:0px; padding:0px; } body, input, select, textarea { background-color: #ffffff; } td, input, select, textarea { font-family: Times New Roman; font-size: 14px; color: #000000; vertical-align: top; } table.main { border-collapse: collapse; } td { padding: 0px; } td.top { background-image: url(top.jpg); background-repeat: no-repeat; height: 263px; width: 1000px; } td.left { background-image: url(left.jpg); background-repeat: no-repeat; height: 69px; width: 239px; } td.middle { background-image: url(middle.jpg); background-repeat: no-repeat; height: 69px; width: 523px; } td.right { background-image: url(right.jpg); background-repeat: no-repeat; height: 69px; width: 240px; } td.left_menu { background-image: url(left_menu.jpg); background-repeat: y-repeat; height: 11px; width: 240px; } td.center { background-image: url(center.jpg); background-repeat: y-repeat; height: 10px; width: 523px; } td.right_menu { background-image: url(right_menu.jpg); background-repeat: y-repeat; height: 12px; width: 239px; } td.bottom { background-image: url(bottom.jpg); background-repeat: no-repeat; height: 64px; width: 1000px; } table.small { align: center; border-collapse: collapse; cellspacing: 0; cellpadding: 5; margin: 10px; } Простите, новичка, буду благодарна за комментарии