Как сверстать?

[rafic]

У кого есть идеи насчет того, как это сверстать. Имею PSD с полным набором подробных слоев, так как я автор
Мое предложение:
Порезать картинку на квадратики и собрать таблицей)

 

[Vice]

Серую фигурку в gif и в фон - мало весить будет, нижнюю веточку пристроить к самому низу экрана через position: relative, остальное навешивать через position: absolute. Таблицами будет гораздо больше кода и меньше гибкости

 

[elnox77]

За то легче и удобнее, может человек не очень может верстать вариантом предложенным выше.
Разрезай на куски и подгоняй как умеешь таблицами или CSS. Получится:
Фон с буквой М, черный фон, низ и кнопки. Пластыри загонять либо в фон, либо графикой - зависит от того чем верстать собрался, таблицами или...

 

[whitewolff]

Херсонщини по-моему пишется через "и" все-таки

 

[black.cat]

както все крупно...
я неуверен но думаю что во всей херсонщине мониторы не сильно переваливают за 1280х1024
а вашу схему проблем нехило было бы уменьшить чтобы человека было видно всего стразу хотябы на 1024 по высоте (для вайд моников это проблемная высота)...
Сорри что оффтоп и критика не требовалась, вырвалось - хотелось как лучше.
П.С. И черные ниточки к надписям "проблем" не сразу узнаются. их бы перекрасить чтоб не мешали контуру "куклы вуду". Скотч для водянок на ногах - это жесть )
П.П.С. а мозг будет кликабелен??? )

 

[rafic]

black.cat спасибо за критику. Повеселился.
Слово "Херсонщина" написано с ошибкой, признаю. Ну то я втыкаю, не страшно.
Верстать могу как дивами так и таблицами. Просто если дивами, то как? я себе не представляю это. Подтолкните на путь логики... а там думаю догоню.
А насчет уменьшить... у меня у самого 1280х1024 рисовал вроде с расчетом на меньшее разрешение в ширину... должно быть все норм... но насчет уменьшить я подумаю.

PS Мозг не кликабельный(

 

[Vice]

Читать/смотреть на эту тему практически бесполезно. На начальном этапе надо смотреть чужой код и пытаться сделать так же, потом придумать что-то своё и попытаться сверстать - будут возникать трудности конечно но для их решение есть форумы где подскажут. В качестве повышения скила советую почитывать

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

- хотя эту ссылку думается все знают

 

[whitewolff]

свечение в верхний левый угол, чудака и заголовок с логотипом - PNG-хой в див, див position: absolute; left: 50%; top 50%; ну и маргины отрицательные по половине высоты/ширины дива

 

[rafic]

Хм... ок что-то придумаю, наверно все таки сделаю дивами с position:absolute;. А что скажите насчет размеров макета? Здесь прозвучало, что картинка большая. Кто как считает?

 

[whitewolff]

Хм... ок что-то придумаю, наверно все таки сделаю дивами с position:absolute;. А что скажите насчет размеров макета? Здесь прозвучало, что картинка большая. Кто как считает?

ширина 1000 макс, высоту уже - пропорционально...
фон у тя однородный, растянется на бОльших дисплеях без проблем. а вот меньше сделать труднее будет