Jump to content
  • 0

Модульные сетки


FanAizu
 Share

Question

Решил использовать фреймворк для создания модульной сетки. Выбрал вот этот http://unsemantic.com/

Возникли вопросы, подскажите, пожалуйста, кто знает ответы на них:

1.1) Если используется таблица с инфой, например, в 10 колонок, то нужно ли ячейкам присваивать классы колонок модульной сетки?

1.2) Если ответ на прыдущий вопрос "да", то возникает следующая ситуация: я хочу, чтобы при очень маленьком разрешение(на смартфонах), в ряду была одна колонка, поэтому всем колонкам переопределяю ширину в 100%; при ширине экрана в 640px(планшеты), в ряду было по две колонки, поэтому поэтому всем колонкам переопределяю ширину в 50%; С плавающими блоками проблем нет, а вот если это таблица, то тут будет хрен знает что.

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

1.1) А для чего? что должно быть в конечно итоге?

1.2) Если такакя задач адля таблицы, то лучше её создать дивами + table-cell

PS: Как правильно оформить вопрос/проблему

1.1) Ну во-первых, полагаю, чтобы пропорционально модулю сетки были ячейки таблицы. Или на таблицы не распространяется модульный подход?

1.2) А что это даст? Всё равно при маленьком разрешение экрана(на мобильниках) ячейки не выстроятся по две в ряд, а будут все в один ряд.

Link to comment
Share on other sites

  • 0

1.1) вешать на TD классы некошерно из-за float: left;

1.2) посмотри примеры этого фреймворка: http://twitter.githu...d.html#examples потягай размера окна.

1.1) это я понимаю. Получается, что если используется таблица с инфой, то для нее модульная сетка не юзается?

Link to comment
Share on other sites

  • 0

1.2) А что это даст? Всё равно при маленьком разрешение экрана(на мобильниках) ячейки не выстроятся по две в ряд, а будут все в один ряд.

Может еще пригодится собственно респозивная таблица http://css-tricks.com/examples/ResponsiveTables/responsive.php

  • Like 1
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