отступ картини и текста

[pattaya]

Здравствуйте.

Помогите пожалуйста. Как сделать чтоб в ячейке таблицы рисунок и текст под ним были в одной линии (с отступом от края таблицы).

Edited August 22, 2010 by pattaya

[Vlad]

td {

text-align: center;

vertical-align: top;

}

[pattaya]

Как Вы сейчас видите весь текст во всей таблице пополз вверх, и не выравнивается по левой стороне как нужно.

[Vlad]

С картинкой теперь понятнее что надо сделать.

p, img.как у картинки { margin-left: 10px; }

[pattaya]

Не понял, а можно подробней. За ранее спасибо

[Vlad]

Надо к тегу <img>, который выводит фотографию с руками добавить какой-нибудь класс. Вот так

<img src="..." alt="..." class="illustration">

В стилях написать

.illustration { float: left; margin: 0 5px 5px 0; }

[pattaya]

Да, рисунок смещается, но мне как то нужно сместить текст который находится под рисунком в правую сторону, а рисунок оставить на месте.

[Vlad]

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

Либо смещать весь текст целиком вправо.

[pattaya]

Ясно, спасибо.

[mishka]

Сделай у ячейки слева паддинг. А у картинки слева убери все отступы, и будет тебе счастье