Нужен совет по верстке

[d0ublezer0]

http://leveler.ru/malina/

Вот верстаю макетик.

Как бы сделать так, чтобы сияние под логой всегда совпадало по расположению с самим логотипом?

Пока у меня нет мыслей, кроме как логотип вклеить в фон.

Но тогда он вместе с фоном будет уезжать за страницу при масштабировании.

[Justnewone]

а отрицательными маргинами все понатягивать на него? Бекграундом назначить тому же блоку, в котором лежит лого.

[d0ublezer0]

а отрицательными маргинами все понатягивать на него? Бекграундом назначить тому же блоку, в котором лежит лого.

Не совсем понял, что ты имеешь ввиду.

Не зависимо от того, в каком слое я размещаю фон, он уползает при масштабировании

Edited October 27, 2011 by d0ublezer0

[gordi]

Или копать в эту сторону - http://dimox.name/css-fixed-large-background/

[d0ublezer0]

gordi, не реально. Масштабирование всё равно будет присутствовать (контент-то резиновый)

Edited October 27, 2011 by d0ublezer0

[Nanto]

1) меняйте .bgtop {background: url("../images/bg_top.jpg") no-repeat scroll center(на left) top transparent;} - зачем центровать такую здоровенную картинку?

2) убирайте у .middler_l {float: left; width: 75%;} - это ещё зачем?

Edited October 27, 2011 by Nanto

[d0ublezer0]

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

2. Что будет с этим блоком, если у него убрать ширину и туда вбить много текста?

[ceil100]

нужно связывать между собой .bgtop и logo

иначе никак

[d0ublezer0]

Похоже нужно будет делить фон bgtop на две части, выравнивать фон по левому краю. В этот же блок помещать лого.

А оставшуюся левую часть фона абсолютом с отрицательными границами позиционировать относительно лого.

Как-то так.

[Nanto]

1. Нафиг разные отступы на разных разрешениях? На сколько отсутпы увеличиваются на 20px?

2. margin-right у него будет фиксированный

[d0ublezer0]

1. Резина FullHD

2. Прям в Firebug убрал ширину у этого блока, набил в параграф текста - меню улетело.

В общем, я похоже нашел решение пока в голове, вечером попробую.

[Nanto]

Вот на 1920:

вот на 1200:

Чтобы меню не улетало - пишу же задайте для middler.l margin-right!

[Softlink]

Так в псевдоэлемент засунуть это синяние и никуда оно не денется от логотипа. При любом масштабировании и любых разрешениях.

[Nanto]

Special for you:

<ul class="mmenu"> ставим по коду выше middler_l - ему float:right; width:20%; margin-right:..PX

.middler_l{margin-right:25%;}

[d0ublezer0]

Nanto, да это и так понятно было, у меня вопрос в другом.

Softlink, это эффект сияния сделан фильтром, который работает только на не пустом слое.

[Softlink]

Softlink, это эффект сияния сделан фильтром, который работает только на не пустом слое.

Это вы про фотошоп? Хм.. вроде все эффекты получалось перенести на пустой слой.

[d0ublezer0]

LensFlare что-то не хочет так делать

[Softlink]

LensFlare что-то не хочет так делать

Может тогда это сделать каким-нибудь другим способом в фотошопе и не городить огород в css?

[ceil100]

разбей на три куска: листья, сияние и градиент

градиент по иксу пусти, ну и листья куда нибудь там прилепи

а сияние привяжи к лого в одном контейнере

вообще изначально правильно было, градиент пустить, листья в png наложить а сияние уже к лого привязывать

[d0ublezer0]

Победил LensFlare, вырезал отдельно, обновил страничку. На лишние слои не обращайте внимания.

Добился расположения самого логотипа всегда по границе левой колонки.

Я не соображу, как теперь сиялку под остальное поместить?

Ну и потом листья таким же макаром помещу.

[ceil100]

.middler_l {
    position: relative;
}

задай, а то у тебя сияние перекрывает ссылки

ну и еще где надо

еще для .wrap

Edited October 28, 2011 by ceil100

[d0ublezer0]

Всё сделал.

Спасибо за советы всем!