Вопросы по теме 'fluid-layout'
Стоит ли делать гибкие веб-сайты?
Сейчас я делаю веб-сайт и пытаюсь решить, делать его плавным или нет. Веб-сайты с фиксированной шириной намного проще создавать, а также гораздо проще сделать так, чтобы они выглядели согласованными.
Хотя, если честно, лично я предпочитаю смотреть...
8479 просмотров
schedule
15.10.2022
Fluid 960: Странное поведение Альфы/Омеги
В данный момент я использую Fluid 960, и у меня странное поведение с альфой/омегой. Насколько я понимаю, альфа/омега используется для фиксации левого/правого полей во вложенных сетках.
Однако, когда я применяю альфу/омегу к паре вложенных сеток,...
1419 просмотров
schedule
28.04.2024
Покройте всю клиентскую зону гибкой сеткой 960.gs
Я использую http://960.gs grid system/framework
Я изо всех сил пытаюсь создать гибкий макет, который позволит мне охватить ширину и высоту клиентской области браузера посетителя, особенно в «высоте»... Посмотрите на следующее изображение...
834 просмотров
schedule
30.03.2023
Двухколоночный макет div с плавным левым и фиксированным правым столбцом
Я хочу сделать макет из двух столбцов с использованием DIV, где правый столбец будет иметь фиксированную ширину 200 пикселей, а левый займет все оставшееся пространство.
Это довольно просто, если использовать таблицы:
<table...
202974 просмотров
schedule
22.04.2023
Почему IE не учитывает ширину таблицы с дочерним элементом плавного изображения
Рассмотрим следующий код :
HTML:
<table>
<tr>
<td><img src="http://watduck.jpg.to" /></td>
</tr>
</table>
CSS:
table { width: 10% }
img { max-width: 100% }
Изображение,...
5754 просмотров
schedule
02.06.2022
Плавное динамическое изображение с центром в div - немедленно изменить размер с помощью div
Итак, у меня есть полностью гибкая веб-страница. Существует родительский DIV с шириной: 100%, а внутри IMAGE со стилем:
<div>
<img src="image.png" alt="" />
</div>
<style>
div{ width:100% }
img{...
3349 просмотров
schedule
30.03.2023
Квадратный DIV с содержимым в гибком макете
SO,
Я создал для сайта четырехколоночный макет с изменяемой шириной и работаю над размещением плавающего квадратного элемента DIV в одной из моих колонок. Есть несколько методов, которые я нашел для достижения этого, а именно установка...
2727 просмотров
schedule
16.02.2023
div шириной 100 % с перекрытием теней от родительского div
У меня есть центрированный контейнер div, в котором в настоящее время есть 3 других div. Все они имеют тени блока (в результате добавляется отступ около 5 пикселей).
Проблема, с которой я сталкиваюсь, заключается в том, что первый div...
1660 просмотров
schedule
13.03.2023
CSS — несколько столбцов с минимальной и максимальной шириной
У меня есть небольшой «момент», когда я застрял в вопросе, который, как мне казалось, должен быть довольно простым (и, вероятно, я просто слишком усложняю, я уверен).
Я ищу div с несколькими детьми div's ; дочерние элементы должны автоматически...
3881 просмотров
schedule
17.06.2023
блоки позиционирования гибкого макета
Это может быть действительно простой вопрос css, но я попытался создать свой гибкий макет, следуя инструкциям из книги, пока мой заголовок и панель навигации, кажется, находятся на месте, а div содержимого - нет, также я хотел бы сделать моя высота...
793 просмотров
schedule
27.03.2023
Масонство jQuery. Обновить ширину столбца при изменении размера
Я пытаюсь выяснить, как изменить ширину столбца моего макета жидкой кладки при изменении размера окна браузера. Поэтому, когда ширина браузера меньше 1300 пикселей, значение columnWidth переключается с 4 на 3. Вот мой jQuery:...
2728 просмотров
schedule
07.12.2022
Фиксированный-гибкий-фиксированный макет для 960.gs
Наш движок веб-сайта использует систему сетки 960.gs, и я пытаюсь изменить ее на 3 столбца с фиксированным (100 пикселей) - плавным (от максимальной ширины) - фиксированным (100 пикселей) видом. К сожалению, все онлайн-генераторы 960.gs делают либо...
553 просмотров
schedule
19.07.2023
Отзывчивый макет CSS с двумя столбцами, включая боковую панель с фиксированной шириной?
Нигде не могу найти решение для этого (я предполагаю, что это довольно распространенная проблема).
Я создаю адаптивный дизайн с боковой панелью, где боковая панель должна иметь фиксированную ширину 200 пикселей и неизвестную высоту. Как я могу...
14949 просмотров
schedule
24.11.2022
Bootstrap — заполнить контейнер с жидкостью между верхним и нижним колонтитулами
Это может быть очень простой вопрос, но я какое-то время отсутствовал на сцене CSS и, похоже, не могу понять его. Я использую структуру Bootstrap, и у меня фиксированный верхний и нижний колонтитулы. Контейнер между ними включает в себя панель...
32632 просмотров
schedule
01.04.2022
CSS Fluid Grid блоков фиксированного размера
Пока что у меня есть плавная сетка из блоков одинакового размера. При ширине экрана 800 пикселей или больше в центре экрана располагаются два ряда из четырех синих прямоугольников, , как показано здесь Код выглядит следующим образом:
<style...
7121 просмотров
schedule
23.12.2022
масштабировать div до размера фонового изображения
У меня есть изображение, на которое мне нужно поместить div для ссылок. Я сделал это хорошо, когда изначально создавал веб-сайт, но теперь мне нужно сделать его отзывчивым, поэтому я больше не могу использовать значения -top и left для...
540 просмотров
schedule
18.10.2022
3 столбца/раздела — два плавных, средний фиксированный и центрированный
Я пытаюсь сделать адаптивный заголовок для своего сайта. это должно работать таким образом: жидкий div - фиксированный и центрированный - жидкий. Все три столбца заполнены контентом. Проблема в том, что средний столбец не всегда центрирован, а...
4967 просмотров
schedule
15.02.2023
CSS в сеточной системе Fluid 960
Сетка 960 великолепна, и после ее загрузки я заметил, что demo.html содержит в конце примеры классов .push и .pull , подобные этому один:
<div class="grid_6 push_6">
<div class="grid_1 alpha">
<p>
60, class =...
1538 просмотров
schedule
27.01.2023
Адаптивные таблицы - умный способ
У меня есть таблица с данными. Табличные данные. А это выглядит так.
См. эту скрипку .
Теперь я бы хотел, чтобы при отображении на более узком экране таблица выглядела так, чтобы вы не получали горизонтальную полосу прокрутки и сохраняли...
2690 просмотров
schedule
25.05.2022
Жидкие макеты: 3 столбца — фиксированный жидкий Жидкий с полями в пикселях
Это сводит меня с ума! Я пытаюсь сделать жидкий макет, который имеет фиксированную ширину слева (130 пикселей), средний столбец жидкости и правый столбец жидкости, все они с полями 20 пикселей.
Поскольку я хочу, чтобы правый столбец прокручивался...
543 просмотров
schedule
03.01.2023