Jump to content
  • 0

Прошу совета по верстке


Coder_D
 Share

Question

Привет, ребят!

Пришел макет от дизайнера.

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

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

Подскажите идеи, как осуществить, т.к. сам еще не сталкивался с такой задачей!

Заранее спасибо!

s_1330974533_8879803_a6346be402.jpeg

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Я бы ставил весь background с картинкой - и с кольцами и с колонками (но без рамок). При этом в стилях сделать такие же колонки с тем же бэкграундом, но уже с рамками..

Link to comment
Share on other sites

  • 0

Спасибо, ребята, большое!

Сделал вот так:

а мне кажется абсолют в самый раз, причем привязанный к левому меню

Оказалось очень легко осуществимо, правда, верстаю под Лису, кроссбро потом проверю ))

Кстати, пока я выяснял, как сделать кольца, дизайнеру пришла гениальная идея и дизайн немного изменился :)

Сижу думаю, как сделать уголки у резинового дива :)

s_1330978227_7162402_f03155b8d8.jpeg

Link to comment
Share on other sites

  • 0

можно тупо сделать картинкой все, можно сделать абсолютной картинкой под блоком растягивающейся по максимуму блока, можно воспользоваться CSS и поворачивать, но это будет не очень кроссбраузерно

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