-
вклад
-
0вопросов
-
962ответа
-
63%решений
-
-
Как сделать правый блок фиксированным, а левый резиновым?
В идеале — с помощью flex.
Вариант попроще — с помощью второго плавающего блока.
И самый простой вариант — сделать первый блок плавающим, и использовать calc(). -
Насколько глубоко должен знать back-end разработчик работу front-end разработчика?
-
Как сделать, чтобы браузер правильно понял код?
-
Как отцентрировать по вертикали и горизонтали блок внутри блока?
-
Синтаксис шрифта?
-
Схлопывание родителя, если у дочерних элементов указан float?
У вас недвусмысленно стоит:.price { float: left; }
Допишите.product:after, #sales:after { content: ""; display: block; clear: both; }
Вам следует понять, что такое last-child (хотя, вроде, и по названию можно догадаться), и чем это отличается от last-of-type..product:last-of-type { border-bottom-color: transparent; }
-
Как создать такую тень с помощью CSS?
-
Выход за пределы контентной области полупрозрачного блока с одной стороны?
Вариант, не зависящий от ширины viewport и не требующий overflow (а иначе при большой высоте контента не будет возможности прокрутить). -
Верстка кругов?
-
Как для 3-х элементов одной анимации @keyframes установить разную начальную задержку?
-
Что делать со скроллом?
-
Как сверстать 2 типа кнопок неизвестной высоты (с обводкой и без)?
Как обычно, используем псевдоэлементы.
Чтобы не морочиться с учётом левой рамки, можно использовать linear-gradient, или overflow:hidden с другим transform-origin. -
Как убрать отступ у сайта сверху в Firefox?
Проблема ваша, как и у многих, в незнании margin collapsing. Источник появления верхнего отступа у body в этом правиле:.footer { margin-top: 40px; }
Либо убирайте отступ, либо замените на padding, либо задайте:.wr:before { content: ""; display: table; }
Правильно это делать для родительского элемента, но писать правила для имени тэга — верный путь к путанице. -
Что нужно добавить в код, чтобы меню закрывалось при нажатие на любую точку экрана?
-
Как зафиксировать рамку таблицы?
Смена плотности начертания или наклона шрифта почти всегда выглядит жутко. Безусловно, при этом происходит изменение размера строки, что влечёт такие неприятные эффекты.
Хотите фиксировать рамку? Фиксируйте ширину колонок с помощью table-layout: fixed. -
Выполнено_выполнено?
Другой вариант совмещения — использование skew().
Вот ещё пара ссылок применения подобного трюка:
Как сверстать данный (нестандартный) блок?
Как сверстать фон с треугольным прозрачным элементом с тенью? -
Как рассчитать координаты для translate(x, y) относительно системы координат вьюпорта а не системы координат объекта?
Я так и не понял, что вам конкретно нужно, но верным решением будет декомпозиция матрицы и изменение отдельных матриц трансформаций для последующего умножения и получения итоговой матрицы.
Сделал примитивный пример с matrix2d — таскаем трасформированные объекты. -
Как побороть данный баг в хроме?
Как скруглить углы у картинки, когда используется эффект увеличения при наведении?
А вот так выглядит ваш пример
Пы.Сы. Chrome, Opera, как и Яндекс-браузер, используют один движок, так что писать про Оперу особого смысла нет. -
Как заставить видео загружаться вместе со страницей?
Очевидно, встроить второй элемент video с другим источником, а при клике не src менять в единственном, а переключать видимость элементов, останавливая воспроизведение у невидимого, а видимому элементу устанавливать текущее время.
Если так хочется оставить своё решение, второй элемент оставить невидимым.