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

[Katze]

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

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

Comments

[Reuniko]

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

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

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

[нос]

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

[Reuniko]

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

[Katze]

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

[нос]

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

Нельзя, говорит.

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

[Katze]

нос, жаль. Но спасибо за беспокойство.
Буду думать, как решить проблему локальными методами. )

[Reuniko]

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

[Katze]

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

<span class="img_div"><img border="0" onload="setSImg(this);" src="адрес_изображения" style="width: auto; display: inline;"></span>

[Reuniko]

Автоматическая обертка спанами Х_Х

[Katze]

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