HTML Coding

29542 questions in this forum

1. Отправка заявки на почту

   Выводится "Письмо отправлено" при попытки отправки заявки на почту на локальном сервере и на хостинге. Но сообщение не приходит на почту, как это можно исправить? Спам проверяла, там тоже письма нет. Помогите, пожалуйста

   Asked by Юлия_36, August 22, 2018

   0 votes
   1 answer
2. Font Awesome 5

   Привет! Попалась мне в руки новая версия fontawesome и возник ступор Теперь всё делается через JS и SVG, что круто, конечно, но как этим управлять на лету? Раньше, в четвертой версии, можно было создавать псевдоэлементы к объектам на странице и было счастье. менял content: "\f07a"; /* cart icon */ на content: "\f00c"; /* check mark */ И всё, при нажатии на кнопку иконка корзины менялась на галочку. А в SVG как подмену делать? Создавать сразу два элемента и скрывать ненужный?

   Asked by d0ublezer0, August 23, 2018

   0 votes
   2 answers
3. Убрать белый фон на button img

   Делаю выбор фона для пользователя, что бы работать с картинками поместил их в button, но проблема в том что появился белый фон, пытался убрать так: background-color: transparent; border-color: transparent; Не помогло. https://jsfiddle.net/Mavili/vswbhLgd/ Как удалить пост? Я решил вопрос

   Asked by Mavili, August 24, 2018

   0 votes
   0 answers
4. Стык декоративных полосок

   https://ibb.co/fTNKL9 Здравствуйте, подскажите варианты реализации, на данный момент сделано псевдо элементами и при изменении разрешении разъезжается стык, как можно сделать что бы при любом разрешении стык был ровный.Прикрепляю весь сайт. Desktop.zip

   Asked by KamZed, August 25, 2018

   • верстка
   • css
   0 votes
   1 answer
5. Gulp и API prettier

   gulp.src('styles/style.css').on('data', (file) => { return prettier.resolveConfig('styles/style.css').then((options) => { return prettier.format(file.contents, Object.assign(options, {filepath: 'styles/style.css'})); }); }) .pipe(gulp.dest('styles')); Как мне прогнать файл styles/style.css через через галп, с помощью prettier ?

   Asked by aqua.77, August 26, 2018

   0 votes
   0 answers
6. Не внедряется lazy load прокрутка

   День добрый форумчане. Нужна ваша помощь в установке на сайт lazy load прокрутки. Так как на одной странице очень много изображений, и необходимо что бы они подгружались по порядку. Буду очень рад вашей помощи, сам уже несколько дней пытаюсь внедрить прокрутку на сайт но все тщетно. Во вложениях прилагаю сам сайт и пример lazy load прокрутки. Необходимо внедрить прокрутку во кладку work. ссылка на файлы

   Asked by BlackSparrow, August 28, 2018

   0 votes
   4 answers
7. Как поставить 3 блока в ряд

   Делаю меню. должно получиться как на первой картинке. Фон белый, на нем слева изображение правее надписи. Получается надписи делать только ниже изображения, либо справа как и нужно, но тогда фон пропадает. Подскажите пожалуйста как делать. HTML: Скрытый текст <div class="top"> <div class="img"> <img src="monopo.jpg" width="100"/> </div> <div class="info"> Главная </div> <div class="info"> Контакты </div> </div> CSS: .top { background-color: #FFFFFF; padding: 10px; } .info { margin-left: 20%; font-size: 20px; }

   Asked by monopo, September 28, 2018

   0 votes
   1 answer
8. Проблемы с фоном

   При увеличении масштаба возникают проблемы с фоном помогите

   Asked by tifozzzi, February 15, 2019

   0 votes
   1 answer
9. Не работают :hover и :transition

   Люди добрые, помогите разобраться, весь день пытаюсь понять почему у меня не получается. В общем идея была сделать одну красную кнопку, чтобы при наведении появлялось еще 4 зеленых. Реализовать попытался 2мя очень похожими способами, через div и через список. https://codepen.io/lokonaft/pen/GXqBBP - в данном случае почему то не работает transition https://codepen.io/lokonaft/pen/qMNMVL - в данном случае я то ли не могу правильно задать hover, то ли я чего то не понимаю

   Asked by lokonaft, August 28, 2018

   • hover
   • transition
   0 votes
   2 answers
10. Проблема в вставки картинки в html коде

    Ребята, я попробовал скачать исходники(картинки) для сайта чтобы потренироваться в html css верстке. Скачал, картинки были в папке img(по дефолту), а когда пытаюсь вставить эту картинку на html страницу выдает значок, что мол этой картинки нет(ну вы поняли какой значок) и рядом пишет что было указано в alt="" пишу эти команды, все перепробовал <img src="./img/logo.png" alt="logo"> <img src="img/logo.png" alt="logo"> <img src="../img/logo.png" alt="logo"> ". Использовал Notepad++ Visual Studio Code Sublime везде один и тот же результат, если нужно будет скину весь html код( прошу заметить, что если я копирую в браузере(копировать URL КАРТИНКИ) все вста…

    Asked by xxxxx, August 29, 2018

    0 votes
    1 answer
11. Редактирование тега <audio>

    Здравствуйте,хотел бы попросить о вашей помощи.Я делаю сайт,связанный с музыкой.Как сделать,чтобы при включении второго аудио трека выключался предыдущий? Иначе они воспроизводятся все вместе.Заранее спасибо!

    Asked by deekep, August 29, 2018

    • audio
    0 votes
    1 answer
12. При уменьшении размера браузера и разрешении <=1024 пункты меню едут вниз

    Адрес сайта: shoporus.ru , буду благодарен за помощь в решении данной задачи!

    Asked by allseo, September 30, 2018

    • html
    • css
    • wordpress
    0 votes
    1 answer
13. Блок с закруглёнными краями и градиентным border

    Как сверстать блок с закруглёнными краями и градиентным border? На примере кнопки, я сверстал используя не стандартный подход, а есть ли более правильный семантически корректный подход в решении таких задач? Не нравится что кнопка вышла фиксированного размера. Много CSS-свойств. *, *::before, *::after { box-sizing: border-box; } body { background: #050B1F; } /* Верхний слой */ #button-continue { margin-top: 46px; width: 331px; height: 54px; border: 3px solid transparent; border-radius: 56px; background-color: rgba(11, 27, 55, 1); position:relative; cursor:pointer; } /* нижний слой (Градиент) */ #button-continue::after { cont…

    Asked by Delat, August 30, 2018

    0 votes
    3 answers
14. Изменение placeholder при вводе текста в поле

    Как делаются такие эффекты, когда при вводе текста placeholder не исчезает, а уменьшается и перемещается в угол. Вот пример с placeholder (слово "email") сместилось при вводе почтового ящика.

    Asked by Delat, August 30, 2018

    0 votes
    1 answer
15. Оформление тега <audio>

    Здравствуйте, не могли бы мне помочь сделать дизайн элемента <audio>?

    Asked by deekep, August 30, 2018

    • audio
    • css
    • html
    • design
    • js
    • help me
    0 votes
    3 answers
16. Мобильное меню на чистом CSS

    Решил поиграться с тегом details и вот что получилось: See the Pen KxaPyX by Alexandr (@AlexZaw) on CodePen. Для поддержки EDGE и IE9-11 пришлось дублировать код, так как они не поддерживают тег details, так что, при использовании чекбоксов код получится короче, но тем не менее вдруг кому пригодится способ стилизации details. (если нужно зафиксировать меню - меняем позиционирование у details и .mmenu ) <details> <summary tabindex='1'> <span class="top"></span> <span class="center"></span> <span class="bottom"></span> </summary> <ul class="mmenu"> <li><a href="…

    Asked by AlexZaw, August 30, 2018

    0 votes
    0 answers
17. Вписать изображение в контейнер с подгонкой размеров

    Доброго времени суток, прошу помощи в решении задачи. Пример (как должно быть): На данном рисунке: Есть общий контейнер (зеленый прямоугольник), чьи размеры (и ширина и высота) заданы фиксированно (но эти величины заранее не известны + при изменении размеров окна браузера могут меняться) Внутри общего контейнера лежит контейнер изображения (красный прямоугольник). Ну и есть само изображение, о котором не известно вообще ничего. Суть задачи: изображение должно масштабироваться сохраняя свои пропорции так, чтобы занимать всю высоту или ширину зеленого контейнера (быть вписанным в зеленый контейнер), при этом красный контейнер должен име…

    Asked by ows.nightwolf, September 5, 2018

    • вписанная
    • картинка
    • fit container
    • img
    0 votes
    7 answers
18. Блокирование Popup окна

    Здравствуйте! При вызове popup окна происходит затемнение (fade in) и окно блокируется, в него не передаётся фокус. Хотя модальное окно должно всплывать над затемнением. Прошу, по возможности, подсказать где ошибка. Спасибо ссылка: http://xstrongumbrella.com в футере линк "Limited Five (5) Year Warranty for Unbreakable® Walking-Stick Umbrella Standard"

    Asked by Kenoby666, September 5, 2018

    0 votes
    5 answers
19. Невозможность выровнять плагин / его код по центру

    Здравствуйте! Пожалуйста, помогите решить мини-проблему. Установил на сайт плагин, отображающий рейтинг статьи в Google. Для работы плагина необходимо было вставить код плагина в single.php. Это я сделал. Шаблон выровненный по центру, после вставки кода в шаблон, плагин отображается смещенным вправо. Вопрос: как его выровнять? Прикреплю скриншот. Пожалуйста, помогите чайнику. Ломаю голову... ?

    Asked by Suprik, September 6, 2018

    0 votes
    1 answer
20. Картинка в середине строки таблицы

    Требуется поместить картинку в середину строки таблицы, между ячейками. Выглядеть должно, как на первом верхнем примере. Сделал так: <html> <head> <style type="text/css"> <!-- tr.im { background-image: url(img.gif); background-repeat: no-repeat; background-position: center center; } --> </style> </head> <body> <table cellpadding="0" cellspacing="0" border="1"> <tr> <td></td> <td></td> </tr> <tr class="im"> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> &…

    Asked by Pinguin, September 7, 2018

    0 votes
    11 answers
21. Заднее изображение, hover и filter

    Всем доброго времени суток. Хотел бы узнать, как иконки, которые находятся на картинке, при наведение сделать оригинальными, без наложений других эффектов на них. Прилагаю код на первого блока. <div class="project-block project-block_1"><div class="project-block__img"> <div class="project-block__img_link"> <a href="#"></a> </div> <div class="project-block__img_lupa"> <a href="#"></a> </div> <img src="img/projects/photo1.jpg" alt=""> </div> <div class="project-block__descr_block"> <h1 class="project-block_title">Claritas Etiam Processus…

    Asked by deafnvoy, September 10, 2018

    0 votes
    5 answers
22. проблема со стилями css

    Добрый день, не знаю по теме ли вопрос с PHP include, но может кто нибудь знает и поможет. Сайты разрабатываю на локальном сервере. Суть в том что когда я применяю функции php include, почему то стили не работают, но не всегда, потому что до этого я делал тоже самое с другим файлом и все работало нормально. Я просто понять не могу в чем вообще может быть проблема, браузер обновлял crtl+f5, чистил кэш. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/css/vsestyle.css"> </head> <body> <header> <div class="box"> </div> &lt…

    Asked by мурамаса, September 10, 2018

    • php
    • css
    • include
    • html
    • div
    0 votes
    4 answers
23. 1 форма для нескольких товаров

    Привет. На сайте есть форма (ее открытие реализуется через arcticmodal) и около 7-8 кнопок, 6 из которых покупка товаров и еще 2 для заказа консультации. Вопрос: как сделать чтобы определялся на какой именно товар заявка, не хочется делать много отдельных форм и в каждую вставлять input hidden с идентификатором товара, слишком громоздко. https://jsfiddle.net/2us4cjd0/ вот пример кода (вначале идет сама форма, ниже кнопки заказа)

    Asked by exoty, September 12, 2018

    0 votes
    3 answers
24. Блокирование счетчика JS

    Добрый день! Есть сайт https://xstrongumbrella.com/ В нижней части страницы вставлен счётчик обратного отсчёта (псле фразы * Promotion ends in) Проблема в том, что на HTTP он работает, а на HTTPS нет Все ссылки на сайте (стили, скрипты, картинки) переделаны на https Прошу подсказать. Спасибо.

    Asked by Kenoby666, September 12, 2018

    0 votes
    1 answer
25. Масштаб винды и бразера

    Я не знаю куда можно разместить такой вопрос, попробую тут. Мне удобен масштаб винды 150% (персонализация-экран-150%) но этот масштаб влияет на содержимое браузеров, это же бред, кто нибудь с этим как то справился? Я хочу видеть сайты 1 к 1 как они выглядят на самом, деле, можно как нибудь сделать что бы увеличение интерфейса винды не влияло на содержимое сайтов?

    Asked by SoFuWa, September 12, 2018

    0 votes
    3 answers