[РЕШЕНО] Как разместить фотографии рядом?

<<

Admin

Сообщение 15 авг 2011, 18:40

johnspade писал(а):А получится ли выполнить эту задачу с помощью дивов, используя такое же минимальное количество кода? И чем картинки хуже счетчиков, которые вы предлагали выравнивать с помощью таблицы?

Независимо от того, сколько кода получится дивами - это соответствует стандартам. А раз стандарты так задумали, значит это не много. И потом, дивами получается меньше кода в HTML, но нужно, естественно, прописать CSS.

По поводу разницы, между картинками и счетчиками в таблице.
Во-первых, я не утверждаю, что это (описанный в статье про счетчики) лучший вариант, и даже упоминаю об этом в статье.
Во-вторых, в своей статье я выстраиваю их в две колонки по два-три ряда, да ещё у меня одновременно и большие счетчики и маленькие.
В третьих, самое главное.
Если картинка находится в диве, то браузер не ждет, пока загрузятся картинки, а продолжает грузить текст, который идет ниже, одновременно с этим подгружая картинки.
Если же картинки находятся в таблице, то браузер прогружает каждую ячейку таблицы и каждую картинку поочередно. Мы не увидим, что идет ниже до тех пор, пока вся таблица с картинками не будет прогружена. Именно из-за этой особенности таблиц, международной организацией W3C были придуманы дивы и вынос стилей в отдельный файл, чтобы не тормозить загрузку страницы (+ чтобы без стилей страницы оставались читаемыми, к таблицам это не относится).
Т.к. счетчики всегда находятся внизу основного контента, т.е. их загрузка не мешает загрузке основного содержимого блога, этот способ можно иногда применить. Т.е. в моей статье - это скорее из двух зол выбрать самое простое решение и не сильно влияющее на загрузку страницы.
А в случае с картинками - это выбрать наихудшее решение.
Вот в чем разница между моей статьи про счетчики и картинками в таблице.
<<

aldous

Сообщение 16 авг 2011, 04:30

Admin писал(а):Все делается с помощью дивов и стилей. Все. Нужно уметь мыслить правильно!

Холивар :biggrin:
Если картинка находится в диве, то браузер не ждет, пока загрузятся картинки, а продолжает грузить текст, который идет ниже, одновременно с этим подгружая картинки.
Если же картинки находятся в таблице, то браузер прогружает каждую ячейку таблицы и каждую картинку поочередно. Мы не увидим, что идет ниже до тех пор, пока вся таблица с картинками не будет прогружена.

Аэродинамика - это для тех, кто не умеет строить мощные моторы.
А именно для джумлы и вордпресса.
Способ нормальный, но неинтересный.
<<

johnspade

Сообщение 16 авг 2011, 14:31

Согласен со всеми :)
<<

chukreev

Сообщение 28 сен 2011, 08:05

Здравствуйте.
Возникли проблемы при расположении картинок. Суть в том, что они не хотят вставать в один ряд!
В других блогах увидел возможность этого. Поэтому прошу помощи

Добавлено спустя 10 минут 4 секунды:
Кстати, точно такая же проблема возникла и при расположении кнопок соц. сетей. Мне так кажется, что алгоритм один и тот же
<<

aldous

Сообщение 28 сен 2011, 08:23

Щас придёт админ и начнёт объединять темы. Чтобы не ждать, http://bloggerforum.ru/kak-razmestitx-fotografii-ryadom-t321.html и http://amateurblogger.ru/2010/10/knopki-socialnih-setei-dlya-blogspot.html.

В других блогах увидел возможность этого.

Так спёрли бы давно из других блогов "возможность этого", это к.п. не запрещено, т.к. код находится на публичном обозрении.
<<

Олеся-Fialka

Сообщение 28 сен 2011, 09:12

aldous писал(а):Так спёрли бы давно из других блогов "возможность этого", это к.п. не запрещено, т.к. код находится на публичном обозрении.

Далеко не все знают, как ковыряться в коде и что-за что там отвечает. К тому же может быть так что в разных браузерах по разному отображаться будет. Где тобудет все прыгать, а где-то ровненько стоять.
<<

Admin

Сообщение 28 сен 2011, 09:24

aldous писал(а):Щас придёт админ и начнёт объединять темы. Чтобы не ждать, http://bloggerforum.ru/kak-razmestitx-fotografii-ryadom-t321.html и http://amateurblogger.ru/2010/10/knopki-socialnih-setei-dlya-blogspot.html.

Точно подмечено :biggrin: Объединяю с темой Как разместить фотографии рядом?

Вернуться в Blogger новичкам

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo