Помогите с версткой на WP;

12
MIKLFIRM
На сайте с 13.02.2010
Offline
166
632

Есть блог с фиксированной версткой. Нужно, как элемент дизайна, добавить картинки (красные прямоугольники), как показано на картинке. Причем, чтобы эти прямоугольники оставались там же в независимости от размера браузера.

[ATTACH]105286[/ATTACH]

Какие есть идеи, как это реализовать?

gif blog.gif
Жизнь в стиле IT (http://www.mikl.su) Мои отзывы (http://about-hosting.ru/) о хостингах.
M8
На сайте с 09.09.2010
Offline
58
#1

Посмотрите здесь должно помочь :)

K2
На сайте с 15.07.2011
Offline
5
K-2
#2

все что нарисовано обернуть в еще один DIV и там абсолютно позиционировать картинки, или через флоат, а может и с текущей структурой, но с отрицательным смещением и абсолютным позиционированием от контента, разные варианты, т.к. еще и от других элементов есть зависимость, как overflow где назначен.

U
На сайте с 05.09.2011
Offline
4
#3

Картинки должны оставаться в таком положении относительно хедера или при большом кол-ве контента и прокрутке вниз должны оставаться на экране (т.е. спускаться вниз)? Если нет, то можно даже без позиционирования обойтись: флоатами по бокам прижать, как уже писали и отступы сверху задать.

MIKLFIRM
На сайте с 13.02.2010
Offline
166
#4
Ulyxes:
Картинки должны оставаться в таком положении относительно хедера или при большом кол-ве контента и прокрутке вниз должны оставаться на экране (т.е. спускаться вниз)? Если нет, то можно даже без позиционирования обойтись: флоатами по бокам прижать, как уже писали и отступы сверху задать.

Правка: когда прокручиваю, они не остаются на месте, а уходят вверх. (Блин не знаю как нормально написать, надеюсь поймете)

Сейчас опробую, как писали выше.

Coolmac
На сайте с 08.09.2011
Offline
60
#5

А зачем что позиционировать?) На ширине монитора в 1024 будет скрол или поплывут, если float. Задайте картинки фоном для body и 1 div в который будет обвернута вся верстка.

Доступные vps/ds с грамотной тех. поддержкой (https://my.friendhosting.net/pl.php?11304)
6666
На сайте с 10.01.2005
Offline
505
#6

А не проще фоновую картинку воткнуть? И поставить в настройках что бы не прокручивались.

Каждое мое сообщение проверила и одобрила Елена Летучая. (c) Для меня очень важно все что Вы говорите! (http://surrealism.ru/123.mp3) .
MIKLFIRM
На сайте с 13.02.2010
Offline
166
#7
6666:
А не проще фоновую картинку воткнуть? И поставить в настройках что бы не прокручивались.

Я может и не прав, но при растягивании браузера - картинки сместятся?

U
На сайте с 05.09.2011
Offline
4
#8

Если обернёте в дополнительный div фиксированной ширины, то ничего не сместятся. Или поиграться с min-width и max-width для этого блока, чтобы в экран влезало. Тут бы сам шаблон и картинки глянуть.

kimberlit
На сайте с 13.03.2007
Offline
370
#9
MIKLFIRM:
Я может и не прав, но при растягивании браузера - картинки сместятся?

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

6666
На сайте с 10.01.2005
Offline
505
#10
MIKLFIRM:
но при растягивании браузера - картинки сместятся?

Нет. Кроме случаев когда совсем сожмете броузер, меньше ширины основного блока. Если фиксированная ширина ВП, то ничего никуда не сместится. Если ширина в %, то сместится.

Берете ОДНУ картинку. В центре отмеряете ширину ВП. По бокам размешаете нужные Вам изображения. Загружаете фоном. Все.

посмотрите как тут реализовано: http://lostfilm.tv/

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий