HTML Coding

29,542 questions in this forum

1. Внутренняя тень у svg-иконок

   Здравствуйте. Необходимо реализовать svg-иконки соцсетей. На картинке снизу соответственно обычное состояние, hover и active. Скрытый текст . В состоянии active у иконки должна появляться тень. Код иконок я вставляю в HTML, и стилизую с помощью CSS. Сначала я пытался реализовать тень с помощью box-shadow inset, применяя её к самому svg. Но в таком случае тень появляется как-бы за элементом http://codepen.io/Drew96/pen/WxPdvb Потом я пытался сделать тень с помощью svg-фильтров. Но так как иконка представляет собой круг с «дыркой» по форме значка социальной сети, то тень появлялась не только сверху круга, но еще и под значком. Тогда…

   Asked by Drew96, August 15, 2016

   • css
   • svg
   • box-shadow
   0 votes
   7 answers
2. Не работает выпадающее меню на CSS

   Есть кнопка Online (.ostatus .button), при наведении мыши на которую должно выпадать меню (.ostatus ul), но ничего не происходит. Делал по готовым примерам в интернете - тоже ничего. HTML: <div class="ostatus"> <div class="button"><span class="status online"></span> Online <span class="caret"></span></div> <ul> <li><span class="status online"></span> Online</li> <li><span class="status offline"></span> Offline</li> </ul> </div> CSS: .ostatus .button {position:relative} .ostatus ul {position:absolute;width:130px;left:-9999px} .ostatus .button…

   Asked by iBars, September 5, 2016

   • меню
   • css
   0 votes
   7 answers
3. Индикатор нахождения на странице

   Доброго времени суток, хочу спросить у знающих людей, как можно реализовать следующую задачу... В меню навигации должен быть некий индикатор нахождения на странице, в виде белой полосы(полоса занимает не всю ширина и как бы отцентрована), вопрос какими способами можно её сделать при помощи css, если знаете несколько вариантов просьба их все перечислить! Код как бы не обязательно, меня интересуют именно способы реализации, возможно просто ссылки на статью или видео с примером!

   Asked by KamZed, October 3, 2016

   • html
   • css
   0 votes
   7 answers
4. Проблема с собственным шрифтом

   Дорогие друзья уже долго не могу наладить работу собственного шрифта. http://rmsgames.ru/6px2bus.ttf это путь к шрифту. Кодировка utf-8. Все делал по уроку с этого сайта. Вот кусок кода который у меня не работает. #test1 { @font-face font-family: bus; src: url(www.rmsgames.ru/6px2bus.ttf); font-size: 170%; font-family: 'Press Start 2P'; background: black; color: #bed143; text-decoration: green; /* Убираем подчеркивание */ border: none; outline: none; }

   Asked by Artemiy1243, November 11, 2016

   • проблема
   • шрифт
   • свой шрифт
   • не загружается
   • css
   0 votes
   7 answers
5. Вопрос по шрифтам

   Всем доброго времени суток! Я решил подключить собственный шрифт в шаблон, но задался вопросом имея 5 расширений для шрифта (ttf-woff-eot-svg-otf) и подключая их скачиваться будут все или только необходимые? тоесть если нужен ttf то он и скачается, а остальные проигнорируются? и как быть если браузер поддерживает скажем и ttf и woff и eot он все три скачает или только один?

   Asked by green-vik, November 16, 2016

   • шрифт
   0 votes
   7 answers
6. Изменения позиционирования

   Есть контейнер DIV с двумя блоками Р которые позиционированы относительно левой стенки контейнера, я захотел переместить первый блок относительно правой стенки, но не получается. Почему так происходит? <div> <p class="q1"></p> <p></p> </div> div{ width:500px; height:500px; border:1px black solid; position:relative; } p{ position:absolute; left:0; top:0; width:50px; height:50px; border:1px black solid; } div p:first-child { right:110px; }

   Asked by aqua.77, November 19, 2016

   0 votes
   7 answers
7. Фильтрация таблицы на JavaScript

   Здравствуйте! Имеется таблица с заголовками. Есть к ней фильтр: https://jsfiddle.net/3eqfLb7b/ Фильтрация убирает строки tr, которые не совпадают с искомым значением. Но заголовки th остаются. Подскажите, пожалуйста, как скрыть заголовки, которые не содержат искомое значение? Заранее благодарю за помощь.

   Asked by volshebnyi, November 29, 2016

   0 votes
   7 answers
8. hover на другой элемент

   Как заставить при наведении мыши на один элемент применить фон для другого элемента? или альтернативу предложите. https://jsfiddle.net/v662rftm/

   Asked by aqua.77, December 19, 2016

   • :hover
   0 votes
   7 answers
9. Смещение Блока при наведении

   Верстаю макет, имеется блок с border в 1px, при наведении он должен менять цвет и становится на 1px больше т.е 2px, все сделал, но при наведении он смещает на 1px другие блоки, как можно это исправить? .welcome-box{ float:left; width:28%; margin-left: 3.3%; text-align: center; border:solid 1px #cac8c5; padding:15px 8px; } .welcome-box:hover{ border:solid 2px #1dde85; } .welcome .welcome-box:first-child{ margin-left:0; }

   Asked by ShaxaY, January 9, 2017

   • hover border
   0 votes
   7 answers
10. Увеличеие шрифта по нажатию кнопки

    Как мне через тэг INPUT сделать кнопку, по нажатию которой ОПРЕДЕЛННЫЙ текст будет увеличиваться/уменьшаться?

    Asked by ErUnDAK, January 23, 2017

    • button
    • input
    0 votes
    7 answers
11. Настройка выпадающего списка

    Добрый вечер. На сайте Над шапкой сделаны номера, при наведении они раскрываются, а если смотреть на моб версии на них нужно нажать и они откроются. Подскажите пожалуйста как сделать что бы номера на моб версии закрывали при нажатии на главный номер.

    Asked by saine, January 23, 2017

    0 votes
    7 answers
12. Слайдер на чистом CSS

    Не работает кнопка на 1ом и 2ом слайде, а на 3ем норм. Игрался z-index, но увы безуспешно. Есть соображения? И еще момент, как менять цвет фона body при смене слайда. Например, слайд1 - фон body красный, слайд2 - фон body зеленый и тд??? Слайдер выполнем путем подмены радио кнопок. Картинки подгружать в сам слайдер на стал, думаю и так понятно. Спросите зачем на чистом CSS? Чтобы прокачаться по селекторам и работе слоями. Заранее спасибо за помощь http://www.cssdesk.com/EjsHZ

    Asked by Schamil74, February 8, 2017

    • слайдер css
    0 votes
    7 answers
13. Проблемы медиазапросов

    почему именно на определенном пикселе в адаптивной версте все ламается, тоесть если 1200 все ломаеться, а если 1199 и 1201 то все хорошо? Что в таких случаях делать?

    Asked by irina_f, February 13, 2017

    • html
    • css
    • responsive
    0 votes
    7 answers
14. Как присоединить к ссылке значение

    Здравствуйте! Столкнулся с такой проблемой: Имеется ссылка https://www.pochta.ru/tracking# и имеется значение #ORDER_TRACKING_NUMBER# (цифры). Подскажите пожалуйста, как сделать так, чтобы окончательная ссылка выглядела так https://www.pochta.ru/tracking#12345678912345 ?

    Asked by near, February 21, 2017

    0 votes
    7 answers
15. Сетка для макета

    Здравствуйте, верстаю сетку 3х3 в которой можно размещать блоки любого размера в данном диапазоне (1х1, 2х3, 3х1 и тд) с использованием классов, реализовано это все на float:left и столкнулся с проблемой, что если указать вертикальный блок по центру или справа, то остальные блоки будут обтекать его как и должны справа или снизу, но место слева от него остается пусты и туда нужно засунуть блок который идет сразу после вертикального. Новые классы использовать нельзя, либо как то сss помогите решить, либо с использованием js. Спасибо за любую помощь. Исходники https://jsfiddle.net/svfvs5cb/

    Asked by Konstantin99, February 28, 2017

    0 votes
    7 answers
16. Не работает css

    Привет всем . Мне понравился дизайн сайта ,я скопировал исходный код html и создал свою копию этого сайта . Я это делаю для того что бы таким образом набраться опыта так как все равно приходиться изменять скопированный код и адаптировать уже под свой веб сайт . Я загрузил свои картинки и т.п немного изменил код ,все работает . Но за исключением проблем с css ,я не могу изменить дизайн из-за того что не понимаю почему скопированный css не работает на моем сайте . Я скопировал css ,положил в папку с моим сайтом и в index .html указал путь к css файлу . В исходном html указан путь к css <link rel="stylesheet" href="http://www.spacex.com/sites/spacex/files/…

    Asked by MrSergey07, March 24, 2017

    0 votes
    7 answers
17. Выбор ноутбука для front-end разработки

    У меня бюджет 10к грн. Остановил свой выбор на ноутбуке HP 255 G5 (Y8C03ES) . Скажите, он подойдет для обучения и работы на фрилансе? Не будет ли виснуть макеты в фотошопе CC? Или с таким ноутом лучше не соваться в ит? Спасибо. Экран 15.6” (1920x1080) Full HD, глянцевый с антибликовым покрытием / AMD Quad-Core A6-7310 (2.0 - 2.4 ГГц) / RAM 8 ГБ / SSD 128 ГБ / AMD Radeon R4

    Asked by Hasiev, April 15, 2017

    0 votes
    7 answers
18. Правка формы заказа на сайте

    Добрый день! Полагаю, что мой вопрос совсем "детский", но прошу помощи, мне в силу возраста самой сложно разбираться в верстке. Буду очень признательна за помощь! Собственно проблема: через скрапбук я скопировала сайт, в файле index.html возникла необходимость поменять форму заказа, чтобы при заказе данные приходили ко мне на почту. Нашла order-section в файле, но непонятно, как именно вносить правки, в поле action стоит значение action="http://vip.fly-bra.com/order" Как сделать так, чтобы во внешнем виде формы не поменялось ничего (в т.ч. и таймер, "зашитый" внутрь нее), кроме, собственно, адреса отправки данных... Спасибо заранее! P.S.: прикрепляю сам ind…

    Asked by ekaterina67, May 21, 2017

    • сайт
    • формазаказа
    0 votes
    7 answers
19. как сделать токую обводку

    как сделать такую обводку как наскрине помогите

    Asked by nikif, May 27, 2017

    • html
    • css
    0 votes
    7 answers
20. Как выравнять форму по вертикали?

    Здравствуйте! Есть такая верстка: https://jsfiddle.net/uw5qLb12/ Как в этой ситуации выравнять форму по вертикали?

    Asked by borus, June 1, 2017

    0 votes
    7 answers
21. Нужна помощь с копированием

    Можете подсказать как можно сделать такой каталог на своем сайте (нужно скопировать,или сделать подобное вот с этого сайта)http://amigo.ru/kollekcii/kollektsiya-rulonnykh-tkaney/

    Asked by Fast1kj, June 16, 2017

    • помощь
    • копирование
    0 votes
    7 answers
22. SSl сертификат для домена 3-го уровня это реально???

    SSl сертификат для домена 3-го уровня реально получить где нибудь? На Cloudflare попробовал, не прокатило. Подскажите чтобы тупо не биться головой о стену.

    Asked by Alex_, June 27, 2017

    • ssl сертификат
    0 votes
    7 answers
23. Ошибка в sass - Autoprefixer: Missed semicolon

    Всем привет! Такая ошибка - при сохранение стилей в основном файле sass все отлично, а вот если подключать отдельные файлы, например, _header.sass при сохранение выскакивает ошибка - Autoprefixer: Missed semicolon! Точка с запятой все стоит нормально, компилит если несколько раз нажать сохранить, но всегда выскакивает эта ошибка! Вот моя сборка: https://paste.ofcode.org/sLuKmekW88cFusdQPeFaPV ! Помогите пжл)

    Asked by Илья Владимирович, July 2, 2017

    • gulp
    • css
    • html
    • sass
    0 votes
    7 answers
24. Не работает обрезка clip-path для анимированного элемента с transform в Chrome и Opera

    Здравствуйте. Прошу помочь в решении следующей задачи: Имеется родительский элемент со свойством clip-path и дочерний элемент с анимацией: Для примера: HTML <div id="logoimage-waves"> <div id="waves-animated"></div> </div> <svg> <clipPath id="WavesPolygon"> <polygon points="0 0,95 0,95 8,80 5,60 10,40 15,20 20"> </polygon> </clipPath> </svg> CSS #logoimage-waves { width: 100px; height: 100px; clip-path: url("#WavesPolygon"); -webkit-clip-path: polygon(0px 0px,95px 0px,95px 8px,80px 5px,60px 10px,40px 15px,20px 20px); p…

    Asked by chester40, July 4, 2017

    • css
    • html
    • clip-path
    • анимация
    • transform
    0 votes
    7 answers
25. Как адаптировать такой элемент ?

    Помогите адаптировать такой странный на мой взгляд элемент. Я понятия не имею как такое адаптировать, макет только для десктопа.

    Asked by Аришан, March 5, 2019

    0 votes
    7 answers