понедельник, 28 июня 2010
17:04

Позиционирование изображений по умолчанию

все записи пользователя в сообществе Katze
Cogito ergo sum
Здравствуйте, уважаемые админы. Подскажите, пожалуйста, для чего в css по умолчанию атрибуту .img_div присвоено значение display:block, да еще и width:100% ?
Из-за этого рисунки, которые должны позиционироваться в строчку, выстраиваются в столбец. В результате летят все html в эпиграфе и постах.
Если это возможно, нельзя ли отказаться от display:block для данного элемента?

@темы: У меня ОБЫЧНЫЙ дневник, CSS

URL
Комментарии
28.06.2010 в 18:45

Reuniko
.img_div{
width:100%;
overflow:auto;
overflow-y:hidden;
display:block;
}

img_div это не аттрибут, а класс
это определение означяет что всем картинкам у которых class="img_div" будут назначены те стили

лучше приведите ваш html-код, где все слетает, даю 99% вероятности что проблема в нем
URL
28.06.2010 в 18:52

нос
не все напрасно
Программист наш сказал, что там все правильно, а если картинки выстроились в столбец вместо строки, то, вероятно, это ошибка браузера и простая перезагрузка страницы по F5 спасает.
Этот блок и слиль нужны для определения ширины области записи, для правильной работы тега simg — для того чтобы можно было вставлять картинки со скролингом / или они бы вылезали за пределы блока — в зависимости от настройки.
URL
28.06.2010 в 18:57

Reuniko
А ну раз это для симга, то вероятно class="img_div" сам назначяется всем картинкам на странице, если у пользователя включен «Порядок работы тега [IMG]..[/IMG] - большие изображения отображаются с локальным горизонтальным скроллбаром» -- тут: pay.diary.ru/options/site/?msgtags . Возможно его отключение спасет.
URL
28.06.2010 в 19:49

Katze
Cogito ergo sum
Reuniko, мне помогло, спасибо. Только не каждый пользователь, заходя в сообщество, знает о том, почему у него неправильно отображаются изображения.
Класс, естественно, я оговорился. Броузер у меня - Firefox 3.6, очень распространенный на сегодняшний день. Перезагружать страницу приходится раз пять, чтобы всё отобразилось правильно. Можно как-то решить эту проблему, или это технически невозможно?
URL
28.06.2010 в 20:49

нос
не все напрасно
Можно как-то решить эту проблему, или это технически невозможно?
Нельзя, говорит.

Можем написать где-то в настройках, например, pay.diary.ru/options/site/?msgtags
что надо выбрать выбрали вариант "большие изображения полностью (с выходом за экран)"
URL
28.06.2010 в 21:48

Katze
Cogito ergo sum
нос, жаль. Но спасибо за беспокойство.
Буду думать, как решить проблему локальными методами. )
URL
28.06.2010 в 23:24

Reuniko
Попробуйте приписать к изображениям style="display: inline; width: auto;" ?
URL
28.06.2010 в 23:59

Katze
Cogito ergo sum
Reuniko, не-а, не работает. Класс назначен тегу span, а не тегу img, поэтому изображения автоматически уже находятся внутри тега:

URL
29.06.2010 в 01:05

Reuniko
Автоматическая обертка спанами Х_Х
URL
29.06.2010 в 04:52

Katze
Cogito ergo sum
Reuniko, аха, что-то вроде. ) И с этим бороться уже никак...
URL