Jump to content
  • 0

Как сделать верстку


Bryant-24
 Share

Question

6 answers to this question

Recommended Posts

  • 0

Мне кажется три блока.

1 - контент (левый самый большой);

2 - sidebar (правый: где оформить заявку)

3 - footer (контактная информация с темным узором)

и общий фон в body запихать

Может я ошибаюсь

Link to comment
Share on other sites

  • 0

Общая обертка ~page. в ней еще обертка ~wrapper, внутри 3 дива, к примеру content sidebar и contacts. после wrapper идет footer. Фон в бади, в page вверх влево декор в бэкграунде, в сайдбар вправо вверх также 2й декор, во wrapper вниз вправо 3й декор). имхо. Может и не логично чуток, но первое, что в голову пришло.

Link to comment
Share on other sites

  • 0

На самом деле "блоков" тут много. Просто не все надо пихать в div-ы, если это просто для оформительских целей. Есть, к примеру, spanы.

-Для боди вырезать маленький квадратик с "песочком" и размножить

-сделать блочок с рисунком в левом верхнем углу и отрицательным z-index убрать под контент

-Большой блок для контента, сделать небольшой margin слева и сделать ширину контента 80% к примеру (при этом лучше делать резину сайта с мин и макс общей шириной, на больших мониторах контент может быть плохо читаем из-за большой длинны каждой строчки текста)

-сделать общий блок справа с рисунком, а в нем уже еще один с полупрозрачным цветом, там где текст Оформить бла-бла

-Сделать общий футер, а в нем:

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

-полоску, которая состоит из двух блоков (светло-коричневый и темно-коричневый), задать им соответствующую ширину в процентах

-далее под ней текст с адресом

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

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