Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Разные размеры для первого и последующих изображений в новости

Разные размеры для первого и последующих изображений в новости


     22.01.2013    картинки, изображения, разные размеры    Стили (CSS), jQuery    2873

вопрос
Здравствуйте. Проблема заключается в том, что нужно на странице полной новости вывести изображения так, что бы размеры первого были 550px, а всех остальных, которые имеются в новости, по 150px и обтекали друг-друга слева. Изображения размещаются в новости последовательно, текст под ними (смотрите пример под спойлером).

Возможно ли подобное реализовать?
Заранее благодарю за помощь.

Ответил: zeromind


CSS:

.... > img{width: 150px; float: left; text-align: left;}
.... > img:first-child{width: 550px;}

5 комментариев

DaivZ
Юзер

DaivZ - 22 января 2013 23:58 -

Если без оптимизации и примитивно, то верстаем таблицей.

podvyg
Юзер

podvyg - 23 января 2013 02:16 -

И для каждой новости таблицы рисовать?
Я помню, где-то видел подобное (именно с изображениями) через CSS (с помощью first-child). Но не помню где.

stanley
Юзер

stanley - 24 января 2013 01:04 -

Скорее всего в шаблоне на тему приложений для андройда от test-templates _http://test-templates.com/sell-templates/test-templates/122-androidplay-test-templates.html

podvyg
Юзер

podvyg - 24 января 2013 03:27 -

Нет, в этом шаблоне всё через доп.поля и тег кастом сделано.

neveDimka
Юзер

neveDimka - 26 января 2013 22:08 -

есть у меня такой мод.
писался под заказ за деньги.
если интересует не бесплатно, пишите будем договариваться.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх