Articles of layout

Почему мои изображения получили дополнительные интервалы?

Может ли кто-нибудь сказать мне, что вызывает пространство под изображениями? Кажется, что дополнительное дополнение в divs с красной рамкой связано с изображениями. Я не могу найти этот промежуток в firebug вообще. Расстроенный. alt text http://antony.co.za/so.jpg

Три расположения столбцов с фиксированными столбцами

Я ищу трехкомпонентную раскладку (полный экран) с верхним и нижним колонтитулом ( не Liquid / Fluid design ). т.е. когда я меняю размер моего браузера, тогда мой контент не следует заменять. Кроме того, независимо от того, какой из трех столбцов будет длиннее, нижний колонтитул будет внизу. Наконец, даже если на 3-х столбцах нет содержимого для […]

Как организовать этот макет с переполнениями?

У меня возникают проблемы с положением и расположением div. Макет, который я хочу: Я хочу, чтобы название всегда отображалось в полном объеме и справа. Субтитры должны появляться слева, но с любым переполнением, поэтому длина заголовка всегда имеет прецедент. У меня есть следующий код: .title {height: 25px; text-align:left; width: 300px; border:1px solid red;} .subtitle {height: 20px; […]

Как сделать каждую строку в списке сетки одинаковым количеством элементов (используя Flexbox)?

Я использую следующий CSS (с помощью Flexbox ), также получаю список сетки, видимый на первом изображении ниже: display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; flex-direction: row; Проблема в том, что я хотел бы разложить элементы в списке. Более конкретно, я хотел бы, чтобы каждая строка имела одинаковое количество элементов . В случае первого изображения […]

абсолютное позиционирование и липкий нижний колонтитул css

Вот моя проблема, я использую макет с липким нижним колонтитулом (с использованием метода cssstickyfooter.com). внутри моего контейнера div у меня есть контент div, в котором есть четыре других div внутри. вот так: Для того, чтобы липкий нижний колонтитул работал правильно, все div должны иметь position:relative; set, потому что divs будет иметь контент, который будет иметь […]

Один список, простой float слева, разные размеры ячеек

У меня есть хороший вызов для вас. Здесь у вас есть следующий код (живой пример: http://inturnets.com/test/test.html ): * { margin: 0; padding: 0;}a, a:hover { text-decoration: none; } .grid { width: 984px; margin: 0 auto; list-style: none; height: 666px; } .grid li { float: left; position: relative; } .small + .small { position: relative; clear: […]

Прокрутка ячейки в 100% -ной высоте ТАБЛИЦА

Извините, если на это уже был дан ответ, но сложно найти что-то с «100% -ой высотой». Моя проблема заключается в том, что мне нужна компоновка таблицы высот 100% из-за автоматического изменения размера ячейки, выполненного браузером, и я не хочу писать сценарий по очевидным причинам. Он отличается от других «100% проблем» тем, что мне нужно, чтобы […]

Получение элементов управления HTML textarea для расширения до ширины контейнера

Я хочу, чтобы мои элементы управления textarea выполняли стандартное поведение макета блока, чтобы они расширялись до ширины содержащего родителя. Простое display:block; не будет этого делать – они по умолчанию имеют значение по умолчанию со значением. width:100%; установки width:100%; не работает, потому что любое дополнение в элементах управления означает, что они разливаются по границам контейнера. HTML: […]

CSS: два divs – один заполняет пространство, один сжимается до соответствия

Есть ли способ иметь два div, расположенных рядом друг с другом, чтобы: Ширина внешнего div неизвестна Самый правый div разбивает свою ширину на ее содержимое (сжимается до соответствия) Самый левый div заполняет оставшееся пространство Я вижу, что Paul D. Waite почти сократил его здесь: xHTML / CSS: Как сделать внутренний div получить 100% ширину минус […]

Как создать конкретный макет в html?

Я хотел бы создать конкретный макет в html, но иметь некоторые особенности. Изображения легче понять, чем слова, поэтому вот что я имею: Это прекрасно, но как только div1 станет более крупным, у меня будет следующее: И моя цель – иметь что-то вроде этого: На данный момент я использую divs, что, вероятно, не очень хорошая идея. […]