-Поиск по дневнику

Поиск сообщений в akry

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 21.08.2007
Записей: 4917
Комментариев: 25572
Написано: 40060


Liveinternet: как сделать, чтобы весь текст обтекал картинку

Понедельник, 02 Марта 2009 г. 14:02 + в цитатник

Сейчас на Ли.ру багов больше, чем в специальном рассаднике. Это связано с принципиальной позицией администрации, но нам по любому надо как-то вертеться. Какждый выкручивается, как может. Я вот ставлю патчи со стороны браузера, чтобы если не у всех, то хотя бы у меня всё смотрелось хорошо. Автоматическое сохранение набираемого текста например, расширение поля для ввода текста, ускорение загрузки.

Но не всё можно сделать у себя. Один из багов, который меня раздражал — поведение абзацев при обтекании картинки. На скриншоте оно вполне видно. Фотография выравнена влево. По идее абзацы должны мирно обтекать её справа, и так и выглядит, когда набираешь текст. Но сохранив его, в дневнике видишь, что обтекает картинку только первый абзац. А остальные уплыли под картинку.

Баги Liveinternet: перенос абзацев

Почему? Дело в том, что не очень умелый верстальщик в файле blog.css написал следующее:

css source

А должен был либо ничего не писать, либо написать «clear:none». Ну да нас больше волнует не вопрос «кто виноват», а «что делать нам». Кто-то может попытаться достучаться до ValeZ, как это безуспешно делаю я уже полгода. Но по счастью этот ляп мы можем исправить проще.

Открываем исходный код текста:

FCKEditor Source Button

Видим много кода, среди которого нас интересует несколько абзацев после проблемной картинки. Абзацы обозначаются тегами <P>. Дальше просто. Внутри угловых скобок после каждого неправедно перенесённог «P» дописываем строку: style ="clear:none". Выглядеть будет так:

Clear:none

 Сохраняем пост, всё работает как надо:

clear:none result

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

Разумеется эти рекомендации только для тех, кого волнует красота и правильность отображения постов. Многие пишут абы как и такими вопросами не затрудняется, так что им это и не нужно.

 

UPD. Я сдела скрипт для GreaseMonkey, который все означенные операции проделывает автоматически и незаметно для вас. Подробности здесь.

Рубрики:  Всякое
Метки:  

Процитировано 3 раз

alerd   обратиться по имени Понедельник, 02 Марта 2009 г. 15:11 (ссылка)
Принципиальная позиция администрации, озвученная Valez на 14-й странице комментов звучит так:

Суббота, 28 Февраля 2009 г. 10:48ссылкаValeZ
Да слушаю я, слушаю. Как производитель колбасы слушает покупателей колбасы - важно это мнение. Но покупатели колбасы не могут, тем не менее, полностью задавать состав колбасы, которую им предлагают.
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 02 Марта 2009 г. 15:14ссылка
Хехе, запалился он :)
«Где в Советском Союзе больше всего туалетной бумаги? — В колбасе!»

«У вас говно и камушки в колбасе, почему не исправляете? — Да слушаю я, слушаю. И ваше мнение про говно очень важно. Но у нас есть более важные задачи. Например сейчас мы всеми силами разрабатываем новый дизайн обёртки. Когда-нибудь и до говна с камушками доберёмся, потерпите пока. Всё равно другие колбасы ещё хуже, деваться вам некуда.»
akry   обратиться по имени Понедельник, 02 Марта 2009 г. 15:31 (ссылка)
Ну просто напрашивается :)
иван семёныч угощает колбасой с говном

перепость в ту ветку, если не лень.
Ответить С цитатой В цитатник
alerd   обратиться по имени Понедельник, 02 Марта 2009 г. 18:08 (ссылка)
Ага:-) Не, перепощивать не буду - вдруг он обидится
Ответить С цитатой В цитатник
OlgaGarts   обратиться по имени Суббота, 27 Июня 2009 г. 21:55 (ссылка)
Здравствуйте. Вижу, вы знаток в этих тегах...как их правильно говорят...Я нашла на одном иностанном сайте код где 4 по разным углам картинки , а внутри текст...применила этот код у себя в рамке или как на языке информатики в таблице, но текст получается очень узкий ...эти картинки, а в моем случаи -углы не дают "ширату" текста...если хотите, я скину вам эту рамку, посмотрите , пожалуйста. Только рамочку создавала у себя на Маил.ру. На вас вышла случайно...через поисковик
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 28 Июня 2009 г. 13:20ссылка
Шлите пример. Как я понял, задача в том, чтобы текст был нормальной ширины?
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку