Представь себя таким, каким хочешь быть, и Ты станешь им
Несколько лет не менял диз дневника, что-то забыл, чего-то не знал.
Хочется сделать следующее:
1. Нужно, чтобы текст в записях был у'же стандартного. Использую фиксированный размер в 940 пкс, поскольку публикую фото в 900 пкс по большей стороне, но читать такой же широкий текст сложновато, хочу уменьшить ширину примерно до 700 пкс.
2. На странице комментариев отображается два вертикальных блока - слева тот, что с именем и аватаром комментатора, и тот, что справа, с содержимым. При общей фиксированной ширине, фотографии, заточенные под публикацию в одном блоке, уходят правой стороной за границы блока (не видно правого края). Можно сделать, чтобы на странице с комментами блок был такой же, как и основной, а имена и аватары комментаторов шли над самим комментарием?
Хочется сделать следующее:
1. Нужно, чтобы текст в записях был у'же стандартного. Использую фиксированный размер в 940 пкс, поскольку публикую фото в 900 пкс по большей стороне, но читать такой же широкий текст сложновато, хочу уменьшить ширину примерно до 700 пкс.
2. На странице комментариев отображается два вертикальных блока - слева тот, что с именем и аватаром комментатора, и тот, что справа, с содержимым. При общей фиксированной ширине, фотографии, заточенные под публикацию в одном блоке, уходят правой стороной за границы блока (не видно правого края). Можно сделать, чтобы на странице с комментами блок был такой же, как и основной, а имена и аватары комментаторов шли над самим комментарием?
Если вас смущает, что при меньшей ширине фото может обрезаться, то см. п.2. Ещё вариант — добавить скролл:
.paragraph div, .paragraph img {overflow: auto !important;} Где .paragraph div — это параметр текста, а .paragraph img — картинки.
2. уходят правой стороной за границы блока (не видно правого края) у вас в строке #wrapper'а стоит overflow:hidden !important;
Поменяйте его на visible, и тогда ничего не будет обрезаться.
С первой частью проблемы: ширина параграфа изменилась, но текст записи сместился к левому краю, а хочется, чтобы абзац центрировался посередине.
а хочется, чтобы абзац центрировался посередине
попробуйте так: .paragraph div {width:700px !important; text-align: 100% !important;}
Чтобы текст не примыкал вплотную к правому краю, пропишите в #page-c это: {padding-right:10px !important;}