Jump to content
  • 0

Как сверстать такие блоки?


xmlns
 Share

Question

Добрый день.

Помогите, плз, сделать такую верстку, как на картинке во вложении.

Таблицей большая часть делается за 10 минут, но, как мне сказали, таблицы - это фуфло, и надо дивами. В общем долго маялся через эти дивы - ничего не выходит. Либо приходится какие-то извращения придумывать, например, сделать контайнет, в нем сделать левый паддинг на 400 пикселей, и в эту область разместить абсолютный элемент, а в нормальную область все остальное, чтобы в строку было, либо еще что-то.

Делать продвинутыми средствами как псевдо-таблицы (так это называется?) пока не хочу, т.к. эта верстка нужна для интернет-магазина, а он должен показываться правильно везде. И также, как я понял, некоторые все еще пользуются убожеством от мелкомяхких, мол у них отображаться правильно не будет.

Буду рад помощи.

http://www.cyberforum.ru/attachments/266623d1368394132

Edited by xmlns
Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

Если отталкиватся от того что размеры блоком должны быть именно таковыми как на картинке - делай таблицой а забей на то кто что говорит.

Таблицы это прошлый век, но у них есть некоторые возможности которые ну очень нужны. В данной конкретной задаче проще, эфективнее и быстрее реализовать таблицой.

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