Внедрение таблицы

[cerber353]

Народ, подскажите. Верстаю один проект, вроде шло нормально. Показал, примерно, половину дизайнеру. Он начал рассказывать мне про шапку (мол все не так, все не то). Внимание, вопрос: если весь сайт div-ми сделан, можно ли внедрить в него (вместо прошлой шапки) новую, порезанную из макета PSD?

И каким образом?

Edited October 16, 2012 by cerber353

[ils]

Ну если так хочется, то пожалуйста.

А чем вам DIVы не угодили?

[cerber353]

Ну если так хочется, то пожалуйста.

А чем вам DIVы не угодили?

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

[ils]

Если шапка действительно сложная я бы использовал position:absolute (но это imho).

Edited October 16, 2012 by ils

[cerber353]

Если шапка действительно сложная я бы использовал position:absolute (но это imho).

Соль в том, что бы сделать эту шапку. А разместить ее - это уже другое дело.

[ils]

Как я понимаю у вас там куча графики которую проблематично позиционировать используя используя float, margin, padding и т.д.

Поэтому, как я уже говорил, можно сделать что-то вроде:

    <div class="header">
        Пихаем сюда все что нужно для шапки.
    </div>

    .header {
        position: relative;
    }
    .все элементы внутри шапки {
        positon: absolute;
    }
    И позиционируем их используя width, height, left, right, top, bottom.

А лучше скрин покажите. Разберемся как-нибудь.

[USF]

странная тема. сделать можно все.

вы хотя бы покажите что нужно

[cerber353]

Дело в том, что нужно передать точные эффекты стиля и вставить его в сайт.

[ils]

А что вам мешает?

1. div с фоном (все что серое и градиентное)

2. Лого слева

3. Телефон и меню справа

При чем тут таблицы

[cerber353]

А что вам мешает?

1. div с фоном (все что серое и градиентное)

2. Лого слева

3. Телефон и меню справа

При чем тут таблицы

А как насчет угловой тени, вверху слева? И то, что вся шапка имеет не просто однотонный цвет, а градиент?

[ils]

"все что серое и градиентное" это большая картинка. Что-вроде:

   .header {
       background: url(все_что_серое_и_градиентное.png);
   }

А такие тени и градиенты вы с помощью CSS не сделаете.

[cerber353]

"все что серое и градиентное" это большая картинка. Что-вроде:

   .header {
       background: url(все_что_серое_и_градиентное.png);
   }

А такие тени и градиенты вы с помощью CSS не сделаете.

Ну так и я о чем =)

Я ведь хочу все это сделать как большую картинку и впихнуть в проект. Но не знаю, как сделать это.

[Seldon]

Не знаете как вставить бэкграунд или как вырезать его из PSD в Photoshop?