Описание тега liquid-layout

A Liquid Layout, sometimes also referred to as a fluid layout, is a CSS technique in which the majority of the page components have percentage widths, and thus adjust to the user's screen resolution.
4 ответа

Карусель jQuery image с шириной жидкости / жидкости

Кто-нибудь из вас знает карусель с изображением jQuery? Я нашел это: http://www.nikolakis.net/liquidcarousel/... но это выглядит ужасно, когда вы устанавливаете скорость. Более того, я бы хотел, чтобы он активировался, когда мышь движется в каком-то…
1 ответ

Как отобразить две переменные в файле.liquid?

Я пытаюсь заменить <form action="{{ form_action }}" data-productid="{{product.id}}" method="{{form_method}}" enctype="multipart/form-data" id="{{form_id}}" data-section="{{ section.id }}" class="product-form-{{ section.id }} {{form_class}}"> с…
14 май '18 в 07:51
2 ответа

Жидкие колонки HTML: 25% + 25% +25% +25%!= 100% в веб-наборе / опере

Я пытаюсь создать многостолбцовый макет, который будет адаптивным (плавный, эластичный, что бы вы ни хотели) и создал тестовый документ, чтобы опробовать эту идею. Я сделал некоторые вычисления, чтобы придумать цифры, которые позволили бы x количест…
07 июл '12 в 17:50
2 ответа

Интеграция Bootstrap на.liquid ( shopify)

В теме shopify я хочу добавить следующую ссылку theme.liquid файл. <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!-- Optional theme --&g…
5 ответов

Лучший Liquid Layout CSS Framework?

Существует ли активная / сплошная кросс-браузерная CSS-инфраструктура наравне с blueprint/yui/960, которая поддерживает жидкостные макеты на основе процентов? Я видел Emtastic, но , похоже, он был активен около года. Что вы думаете о жидких макетах …
14 мар '10 в 02:04
3 ответа

Обтекание текста вокруг изображения там, где оно занимает последнее место в источнике. Жидкий макет

У меня есть изображение, которое я хочу обернуть вокруг него текстом. например ttttttt|image| ttttttt| | tttttttttttttt tttttttttttttt Это было бы легко, если бы изображение было перед текстом в исходном коде. Тем не менее, мне нужно изображение пос…
27 мар '12 в 09:47
0 ответов

Создание сайта для документации API с использованием Gulp, Jekyll и markdow

Я создаю сайт для документации API, используя Gulp, Jekyll и markdown. У меня есть два раздела API, такие как пользователи и роли, каждый из которых имеет следующие конечные точки API: Список полей ресурса Список всех предметов Посмотреть один элеме…
28 май '15 в 17:29
2 ответа

Высота жидкости среднего элемента

Посмотрите на этот кусок кода Высота div установлена ​​в 100px, и overflow: hidden скрывает содержимое более 100 пикселей. Что я хочу сделать, это сделать <ul> элемент жидкости, так что независимо от высоты родительского div, <h2> элемен…
20 июл '11 в 10:54
1 ответ

Жидкий HTML - проблема с размерами

Почему красная коробка не такого размера, как зеленая коробка? (У меня должна быть абсолютная позиция, так как я накладываю два изображения) Что я делаю неправильно? <div style="position: relative; float: left; width: 300px; background: red; bord…
29 июл '12 в 19:10
8 ответов

Как сделать так, чтобы веб-страница автоматически меняла ширину?

В HTML есть ли способ заставить веб-страницу расширяться до монитора пользователя? Как, скажем, у меня 15 дюймов, а у кого-то еще 24 дюйма. Веб-страница будет небольшой на их экране, но будет соответствовать мин. Как бы я увеличил страницу до 100% и…
11 мар '09 в 20:43
0 ответов

Интеллектуальное вертикальное выравнивание для входных меток на адаптивном макете

У меня есть классическая форма с метками слева и полем ввода справа. Сайт является адаптивным и ликвидным, поэтому содержание меток может занимать две строки вместо одной, если места недостаточно. Это основная разметка: <div class="row"> <l…
2 ответа

CSS спрайт в div с шириной%?

Возможно ли иметь изображение Css спрайта в div с width в %? Теперь я попробовал это, но не работает: .sprite-gloss-vulc { background-image: url("/images/sprite-img.png"); } .sprite-gloss-vulc-anello { background-position: -1px -0px; width: 120px; h…
27 сен '16 в 10:21
1 ответ

Как добавить ссылки на панель заголовка Shopify с помощью Liquid Markup?

Я пытаюсь настроить панель заголовка моего магазина, добавив небольшие ссылки в левой части значка корзины покупок в самом верху страницы. Вот краткий пример того, что я собираюсь сделать на http://www.homedepot.com/. Ссылки "Прокат инструментов и г…
21 окт '15 в 16:41
2 ответа

CSS жидкий макет, где div нижнего колонтитула соответствует размеру страницы и остается внизу

Я работаю над следующей структурой макета: <div id="wrapper"> <div id="header"></div> <div id="pageContainer"></div> <div id="footer"></div> </div> С помощью следующего CSS я установил нижний колонтиту…
24 окт '12 в 22:14
2 ответа

Горизонтально центр жидкости div нескольких рядов

Я хочу получить ожидаемый макет ниже (первое изображение), но застрял с фактическим макетом (второе) Вот как я начал .parent .child{ float: left; width: 25%; height: 50px; margin: 5px 2px 2px 2px; background: #000; } Как я могу взять его дальше к ож…
19 июн '14 в 09:16
3 ответа

CSS - Почему высота кажется установленной, а ее нет?

Хорошо, это действительно раздражает, и я не могу понять, почему это происходит. Я, возможно, испортил некоторые вещи, пытаясь заставить работать нижний колонтитул CSS Sticky. У меня был один, но казалось, что тело не было жидким, поэтому я решил по…
10 фев '10 в 19:40
2 ответа

Тип данных enum для ликвидазы

В настоящее время я работаю над файлом liquibase.xml для создания таблицы table_a. Одно из моих полей <column name="state" type="ENUM('yes','no')">Я использую postgresql в качестве моей СУБД. Есть ли что-нибудь, как тип данных enum? Я читал в …
27 фев '11 в 13:21
1 ответ

Как добавить итерации в эту жидкость для цикла

Как добавить числа, повторяющиеся в цикле for вместо {{i}}. Обратите внимание, что этот цикл не имеет определенного ограничения, поскольку он будет получать все упорядоченные элементы независимо от их количества. <img src="https://billiger.de/sal…
18 дек '18 в 15:56
1 ответ

Где находится файл с изображением наложения текста в Shopify?

Я новичок в Shopify. Я хочу добавить опцию для изменения цвета текста, изменения цвета фона и текста в кнопке в разделе "Наложение изображения с текстом". Как это сделать и где находится код для этого компонента в Shopify? Вот компонент, который я х…
16 фев '19 в 07:00
5 ответов

Как подавить пустую строку в Jekyll?

Я использую GitHub Pages для своего блога и столкнулся с проблемой с Jekyll. Мой post.html имеет такой блок: {% for testpost in site.posts %} {% four %} {% lines of %} {% processing %} {% goes here %} {% endfor %} Часть в середине не имеет значения.…
19 июл '13 в 19:47