Задать вопрос Связаться с нами
  • Главная
  • Услуги
    • Исправление ошибок
    • Доработка сайтов
    • Обслуживание сайтов
    • Техподдержка сайтов
    • Веб-разработка
    • Интернет-магазины
  • Модули
    • Антирутин
    • SEO - мастер
    • SMS-уведомления
    • Утилиты от «Webdebug»
    • SMS-сообщения (Lite)

    • Все наши модули

    • Все модули Битрикс:Marketplace
  • Акции
  • Поддержка
  • Блог
  • О нас
    • Отзывы
    • Новости
    • Реквизиты

    • Контакты
  • Главная
  • Услуги
    • Исправление ошибок
    • Доработка сайтов
    • Обслуживание сайтов
    • Техподдержка сайтов
    • Веб-разработка
    • Интернет-магазины
  • Модули
    • Антирутин
    • SEO - мастер
    • SMS-уведомления
    • Утилиты от «Webdebug»
    • SMS-сообщения (Lite)

    • Все наши модули

    • Все модули Битрикс:Marketplace
  • Акции
  • Поддержка
  • Блог
  • О нас
    • Отзывы
    • Новости
    • Реквизиты

    • Контакты
Главная
Блог
HTML, CSS, JS, jQuery
Резиновая верстка быстро и просто

Резиновая верстка быстро и просто

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

Сервис позволяет создавать HTML+CSS резиновые макеты, в которых колонки могут быть как фиксированными, так и растягивающимися. При этому число колонок может быть от одной до трех. Важно, что сервис выдает максимально простой код, как HTML, так и CSS. Кроссбраузерность также соблюдена: решение работает во всех современных браузерах, включая даже IE6 и IE7. Полученный код проходит как HTML, так и CSS-валидацию.

Сервис предоставляет возможность получить html-код для быстрой вставки на ваш сайт. Как уже было сказано, структура кода предельно простая, и в самом «большом» варианте выдает всего 16 строк кода. При этом важной особенностью решения является то, что при необходимости можно создать универсальное решение, позволяющее на одной странице в зависимости от разных условий выводить разное количество колонок разных типов и различной ширины. Причем всего этого можно добиться сменой одного класса (при этом потребуется дописать CSS-код).

Решение используется уже более трех лет и было применено не на одной сотне сайтов.

Немаловажно, что данное решение можно использовать и для создания фиксированных макетов. Для этого просто «оберните» всю полученную конструкцию в блок с заданной шириной. Можно использовать не только для разбивки страницы на колонки, но и для разбивки элементов страниц на колонки (напр., в шапке сайта, баннере, и др). На одной странице можно использовать неограниченное количество конструкций, для этого нужно CSS-идентификаторы заменить на классы, как в HTML-код, так и в CSS-коде.



Автор: Денис Сон
Дата публикации: 27.06.2013
Просмотров: 3958

Комментарии

Иван
20.11.2017 21:07:34
Спасибо, пригодилось
Нина
24.05.2017 19:13:10
Не знала, что такой способ верстки может так легко создаваться! Спасибо большое авторам этого блога! Статей немного, но они очень интересные!
Сергей С.
16.12.2015 19:54:06
Блин, круто, ребят! Спасибо, выручили!!!
Саня
03.03.2015 09:43:38
Пригодилось, респект!
Даже не знал, что бывает такие сервисы.
Сергей Колков
11.10.2014 05:40:17
Спасибо автору за полезную вещь! Пригодилось.

Категории блога:

  • 1С-Битрикс 10
  • Общее о создании сайтов 13
  • HTML, CSS, JS, jQuery 2
  • Без категории 9
Ссылки
  • Главная
  • Модули
  • Акции
  • Услуги
  • Отзывы
  • Блог
  • Новости
  • Контакты
  • Реквизиты
Поиск по сайту
Наши контакты

По всем вопросам обращайтесь:

Электронная почта: info@webdebug.ru

Telegram: webdebug

Форма обратной связи

Webdebug Bitrix certified
Webdebug QR-code
© ООО «Веб дебаг», 2011 – 2025. Политика конфиденциальности.
×
У Вас вопрос?
Загрузка ...
×
Связаться с нами
Загрузка ...
×
Комментарий к статье
Загрузка ...