Jump to content
  • 0

Верстаю по макету. Нужен совет.


100kd
 Share

Question

Есть *PSD макет . Дом, земля, забор, логотип и небо с солнцем на разных слоях, вот думаю как сверстать из этого резиновую шапку.

Есть сложности: градиент не равномерен, т.к есть солнце и свет от него, т.е сделать фоном небо с забором и землей не получиться.

Как думаете, что тут можно сделать?

http://photofile.ru/express/ashozzofesisea...omothi/1016525/ - шапка

Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0

Почему градиент не равномерен? Не вижу такого. :)

Логотип ставите отдельным слоем поверх всего, а вс? что между домом и правым коричневым столбом можно тянуть или повторять куда хочешь и как хочешь. :)

Link to comment
Share on other sites

  • 0

Если с таблицей, то забор с небом - основной фон всей таблицы. Дом в виде гифа - картинка или бекграунд левой ячейки. Логотип-картинка с текстом - в правой ячейке, кусок неба с солнцем - бекграунд правой ячейки.

С дивами тоже можно, наверное, но с ними я пока не очень подружился :) В частности, не понимаю, как сделать, чтобы был один див слева, второй на том же уровне справа (как float="left" и float="right"), но чтобы при уменьшении ширины страницы они не перескакивали один под другой, а как ячейки таблицы оставались бы рядом, заставляя появляться горизонтальную прокрутку. А так все было бы совершенно аналогично.

Link to comment
Share on other sites

  • 0

да вроде просто все достаточно. Репитом делаем забор градиент и низ. Дом с травкой еще одни дивом, логотим еще одним (или вместе с сиянием) + еще один сияние все.

шапка фон градиент, внутри 3дива. абсолютные позиции, шапке относительную.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy