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

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


     22.01.2013    Стили (CSS), jQuery    1647

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

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

Ответил: zeromind


CSS:

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

Комментарии пользователей (6)

DaivZ
2

283 | 175

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

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

podvyg
22 | 17

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

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

stanley
22 | 24

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

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

podvyg
22 | 17

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

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

neveDimka
1 | 1

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

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

Dymatize
6

111 | 104

Dymatize - 26 января 2013 22:18 - Юзер.

а чем доп.поля не угодили?

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

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