Как сделать подобную верстку?

Question

[Magnus Keef]

Я так понимаю планшет это готовое png изображение с прозрачным фоном? Прав ли я? Есть ещё какие-нибудь варианты исполнения?

Comments

[ProjectSoft]

Да, готовое png. Но использовать как background-image, чтобы не городить маргины

[Magnus Keef]

ProjectSoft, и наверное position: absolute?

[Hanneman]

В браузере F12.

[ProjectSoft]

Magnus Keef, найн)))
Если бы видеть tablet и mobile дизайн, я бы сказал ещё точнее.
А сейчас только

position: relative; margin-top: Npx; z-index: > header

это схематично

[Magnus Keef]

Hanneman, это psd

Answer 1

[Владимир]

блок с отрицательным margin-top
изображение планшета - png с прозрачным фоном.
сам планшет как угодно можно сделать хоть отдельным блокм с фоном. хоть изображением.

Comments

[geektimer]

Скорее всего, нужно будет ещё прописать position:absolute для этого планшета, чтобы не мучиться с вёрсткой текста относительно планшета.