Синтаксис задания высоты блока
Есть интерфейсные блоки
Есть блок в коде
<html>
<head>
<!– <link rel=”stylesheet” href=”testsite.css”>–>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Test Exa…
Category: вёрстка
Дорогое сообщество программистов, прошу помочь мне с моей тяжёлой ношей джуна
Всем привет ребят, обращаюсь к здравомыслящим людям, ибо их здесь полно и конечно извиняюсь за столь вызывающее заявление, если оно могло таким показаться, но не найдется ли у вас любая работа по верстке сайтов или что-то в этом роде, ведь…
Дорогое сообщество программистов, прошу помочь мне с моей тяжёлой ношей джуна
Всем привет ребят, обращаюсь к здравомыслящим людям, ибо их здесь полно и конечно извиняюсь за столь вызывающее заявление, если оно могло таким показаться, но не найдется ли у вас любая работа по верстке сайтов или что-то в этом роде, ведь…
Как запретить скроллинг контента под модальным окном?
Необходимо, чтобы контент под модальным окном не прокручивался. Само модальное окно может прокручиваться, если оно слишком длинное (этот функционал уже реализован, просто предупреждаю, потому что видел решения, когда скроллинг блокировали …
CSS 3D анимированное колесо смещено от центра
У меня есть 3D-анимация колеса / цилиндра css, которая вращается по оси x. Моя проблема в том, что анимация движется вверх и вниз за пределами контейнера. Пример GIF ниже …
Код для вышеперечисленного можно найти здесь: https://jsfiddle….
Чем можно заменить анимацию box-shadow
Есть такая анимация на CSS, которая использует свойство box-shadow.
Но для браузера это тяжело. Есть ли решения, что можно сделать вместо этого? Можно и на JS и CSS, и SMIL SVG
.waypoint-marker {
width: 10px;
height: 10px;
border…
Вставка гугл карты на сайт и трансляция геолокации
В процессе разработки веб-сайта для своего проекта столкнулся с такой задачей: нужно реализовать трансляцию геолокации курьера на мой сайт в реальном времени. То есть, нужно сделать так, чтоб на сайте на интерактивной карте все посетители …
Как сделать маску ввода банковской карты с звездочками?
Как можно такое реализовать с помощью masked input?
Назначение toggleClass
Есть 2 вида боковых стрелок – закрытая (направленная вправо – в состоянии закрытого подменю – .arrow_01_R) и открытая (направленная вниз – в состоянии открытого подменю – .arrow_01_B). Каким образом можно по щелчку поменять ориентацию стре…
Почему не находит страницу? Неправильно настроен htaccess? PHP, MySQL
появилась проблема (скриншоты ниже). Почему это произошло? Всё работало до некоторых внесений в .htaccess, затем эти изменения я удалил но всё ровно такая ошибка
…
Почему не находит страницу? Неправильно настроен htaccess? PHP, MySQL
появилась проблема (скриншоты ниже). Почему это произошло? Всё работало до некоторых внесений в .htaccess, затем эти изменения я удалил но всё ровно такая ошибка
…
Нарисовать правильный треугольник вписанный в окружность
Задача: нарисовать окружность радиуса R, а в нее вписать правильный треугольник.
Для треугольника ABC (основание BC параллельно оси x) получаем такие координаты точек
A: (R, 0)
Для R = 50 получается картинка
<svg version=’1.0′ x…
Вертикальное выравнивание вложенного блока в правом боковом меню
Как выровнять вертикально содержимое вложенного блока? (блок FilterGroupNewDesign вложен в FilterDropdown__body.FilterDropdown__body_opened, а тот в свою очередь вложен в FilterBlockNewDesign) Есть блок в html (блок .FilterBlockNewDesign)
…
Проблема с правильным вращением трехмерного куба по краям с помощью функции rotate и translate
Пожалуйста посмотрите мой jsfiddle
Для начала анимации кликнете по кубу
var xAngle = 0;
var yAngle = 0;
var xPos = 0;
var yPos = 0;
$(‘body’).keydown(function(evt) {
if(evt.keyCode == 37)
{
//left
yAngle -= …
Как скрыть нижнюю часть Css?
Вот что я пробовал сделать:
&__ellipse {
width: 297px;
height: 297px;
border-radius: 50%;
background: $orange;
position: relative;
img {
position: absolute;
bottom: 0…
Правильно ли написан .htaccess?
Правильно ли написан .htaccess?
Может быть нужно каждый раз включать RewriteEngine on?
Не пойму..
Как сделать так, чтобы текст SVG-изображения был двухцветным в зависимости от его положения при вращении
Мне нужно сверстать эту SVG-картинку таким образом, чтобы та её часть, которая на чёрном фоне была белой, а та, что на белом фоне – была чёрной. Картинка будет вращаться, поэтому само изображение не вариант закрасить наполовину чёрным напо…
SVG нарисовать линию соединения между двумя прямоугольниками
В настоящее время я программирую редактор диаграмм на javascript с помощью SVG.
У меня возникла проблема, связанная с соединением прямоугольников. Я нашел много ресурсов, чтобы нарисовать связь между кругами, но ничего о прямоугольниках.
И…
Как нарисовать кольцевую диаграмму с закругленными углами и разными градиентами и тенями в каждом сегменте
Мне необходимо реализовать кольцевую диаграмму как на изображении ниже:
Возникает несколько проблем:
Каждый сегмент окрашен в свой градиент
Сегменты имеют закругленные края
Каждый сегмент может быть использован в дальнейшем, как ссылка
…
Подгрузка видео при окончании предыдущего видео
Имеется 4 кусочка видео на сайте
Лежать друг на друге и получается что видно только один
И нужно сделать так чтобы перед тем как закончится первое видео начать подгружать второе, а как первое закончится отключить его и включить второе виде…
Проблема с брейкпоинтами в slick-slider
Проблема с Слике в том, что когда ставишь брейкпоинт ниже чем 800 пикселей, все перестает работать, например не убираются стрелочки, в то время как если ставить 900 и выше, то все работает чудесно
…
Scrolling наложения изображений на чистом CSS
Можно ли, используя только css и html, полностью прокрутить внутренний div (оверлейный красный div) перед прокруткой вниз остальной части страницы?
По сути, интересно, возможна ли прокрутка наложения при замораживании предыдущего div толь…
Бесплатные курсы по веб-дизайну [закрыт]
Есть сайт. Хочу добавить футер в сайт, чтобы он был сочетаемым с другими частями сайта. Подскажите бесплатные курсы по веб-дизайну, в которых бы освещался этот вопрос.
…
Отображение правого бокового меню
Делаю сайт, похожий на Интернет магазин. Сохранил страницу на компьютер (Веб-сайт полностью). К сайту прилагаются 5 css файлов – commons.bundle.css, subcategory.bundle.css, vendors.bundle.css, styles.css и template.css. Скопировал код прав…
Создание скроллинга
Нашел в интернете сайт Интернет магазин. Как добиться, чтобы было как на этом сайте, а именно – левый столбец сбоку (с иконками)
не прокручивался при скроллинге, а правая часть сайта прокручивалась.
…
Сдвиг надписи относительно рисунка
Есть код
let sidemenu = document.querySelector(‘#sidemenu’); // Берём блок с меню
sidemenu.addEventListener(‘mouseenter’, function(e) { // Вешаем обработчик на меню, чтобы использовать делегирование.
if(e.target.classList.contains(‘…
Неисчезающее (непоявляющееся) меню
Хочу создать сайт с исчезающим/появляющимся меню при наведении на иконки пунктов меню. Упростил js код до максимума в соответствии со структурой дизайна сайта. Меню состоит из div блоков классов .leftside (левая иконка), .rightside (правая…
Несворачивающееся меню
Есть код
let elemmenuitemli = document.querySelectorAll(‘li’);
let elemcenterplace = document.querySelectorAll(‘ul>li>.centerplace’);
let elemrightside = document.querySelectorAll(‘ul>li>.rightside’);
eleminnerlileftside=d…
Обход элементов div – подэлементов li в цикле
Есть меню
let elemmenuitemli = document.querySelectorAll(‘li’);
let elemcenterplace = document.querySelectorAll(‘ul>li>.centerplace’);
let elemrightside = document.querySelectorAll(‘ul>li>.rightside’);
eleminnerlileftside=…
Координатная (пиксельная) сетка (линейка)
Меня заинтересовала работа участника @CbIPoK2513, где он создал координатную сетку с помощью технологии CSS, используя абсолютную единицу измерения – пиксель(px).
Вот его первая часть ответа на вопрос Как сделать адаптивную координатную се…
Свежие комментарии