20:11

Представь себя таким, каким хочешь быть, и Ты станешь им
Несколько лет не менял диз дневника, что-то забыл, чего-то не знал.

Хочется сделать следующее:
1. Нужно, чтобы текст в записях был у'же стандартного. Использую фиксированный размер в 940 пкс, поскольку публикую фото в 900 пкс по большей стороне, но читать такой же широкий текст сложновато, хочу уменьшить ширину примерно до 700 пкс.
2. На странице комментариев отображается два вертикальных блока - слева тот, что с именем и аватаром комментатора, и тот, что справа, с содержимым. При общей фиксированной ширине, фотографии, заточенные под публикацию в одном блоке, уходят правой стороной за границы блока (не видно правого края). Можно сделать, чтобы на странице с комментами блок был такой же, как и основной, а имена и аватары комментаторов шли над самим комментарием?

@темы: отступы, основные блоки

Комментарии
16.03.2013 в 05:48

Я слышу шаги бога смерти. ©
1. .paragraph div {width:700px !important; }
Если вас смущает, что при меньшей ширине фото может обрезаться, то см. п.2. Ещё вариант — добавить скролл:
.paragraph div, .paragraph img {overflow: auto !important;} Где .paragraph div — это параметр текста, а .paragraph img — картинки.

2. уходят правой стороной за границы блока (не видно правого края) у вас в строке #wrapper'а стоит overflow:hidden !important;
Поменяйте его на visible, и тогда ничего не будет обрезаться.
18.03.2013 в 13:20

Представь себя таким, каким хочешь быть, и Ты станешь им
Спасибо. Вторая часть работает - картинка не обрезается. А сделать, чтобы комментирующий и его комментарий были в одном блоке нет возможности?
С первой частью проблемы: ширина параграфа изменилась, но текст записи сместился к левому краю, а хочется, чтобы абзац центрировался посередине.
19.03.2013 в 07:07

Я слышу шаги бога смерти. ©
DenX, в каком смысле, "в одном блоке"? Чтобы каждый коммент был в отдельном фрагменте, что ли?

а хочется, чтобы абзац центрировался посередине
попробуйте так: .paragraph div {width:700px !important; text-align: 100% !important;}
Чтобы текст не примыкал вплотную к правому краю, пропишите в #page-c это: {padding-right:10px !important;}