1

Тема: Допоможіть значить розібратися з макетом.

Здорів. Ну от хочу я один макет зверстати, чи як воно там зветься на українській. Але не можу зрозуміти, чи то дизайнер був під градусом, чи то все нормально він зробив, а я просто не вмію як ото зробити. Уважно подивіться на картинку. Зверху там є двохпіксельна рііісочка. Я ото не можу зрозуміти, чи то так і треба, чи то якийсь глюк. І ще подивіться на рісочки внизу. Таке відчуття, шо вони не на своєму місці. Пунктирна лінія, по ідеї, має бути нижньою межею верхньої картинки, але нижня картинка перекриває шматочок верхньої. А ота сіренька рісочка знизу верхньої картинки взагалі не зрозуміло, що воно таке. Що воно таке? Як ото його зробити? Щиро дякую.

Post's attachments

ss (2013-12-02 at 10.39.37).jpg 101.05 kb, 268 downloads since 2013-12-02 

2

Re: Допоможіть значить розібратися з макетом.

Дизайнер все правильно зробив. Це його ідея.
1. Зверху: border-top: 2px solid #колір.
2. Знизу: можна вставити всередині блоку шапки ще один блок. Для вернього прописати  position: relative. Для нижнього - position: absolute; bottom: 1px; height: 1px; background: #колір; left: 0; width: 100%;
3. Меню: аналогічно 2-му пункту. Особливість лише в тому, що фон прозорий, але є границя зверху і знизу зі стилем dashed.

Подякували: FakiNyan1

3

Re: Допоможіть значить розібратися з макетом.

ох млин, я там такого наробив, ви б те бачили... є меню навігаційне, відразу під шапкою, а є меню зліва, набагато нижче шапки і нав. меню, так я хочу поставили навігаційному меню картинку на бекграунд, і потім розумію, що це я роблю з лівим меню, а навігаційне знаходится десь під лівим *WALL*