HTML Coding

29,542 questions in this forum

1. Не отображается русский текст при использовании css

   При использовании css весь русский текст изменяется на что-то подобное: аЄаОбаО аНаЕаКббб аГаЛаАаВаНаАб ааАаДаИаМ Без css все работает нормально. Содержисое css: .button{ text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sa…

   Asked by Kythadrin, April 13, 2017

   • css
   • html
   0 votes
   3 answers
2. Мобильное меню

   <nav class="main-nav main-nav--active"> <button class="main-nav--toggle" type="button">Открыть меню</button> <div class="main-nav__wrapper"> <ul class="main-nav__list"> <li class="main-nav__item main-nav__item--active"><a href="#">Главная</a></li> <li class="main-nav__item"><a href="#">Наши работы</a></li> <li class="main-nav__item"><a href="#">Записаться</a></li> <li class="main-nav__item"><a href="#">Контакты</a></li> </ul> <ul class="main-nav__user-list"> …

   Asked by d12, April 19, 2017

   • меню помощь
   0 votes
   3 answers
3. Делаю прижатый футер к низу, но контент не влезает

   На некоторых страницах сайта необходимо, чтобы футер был прижат к низу, т.к. контента мало. На других же страницах - контента, наоборот, много. И контент тогда переваливает за футер Как с этим бороться?

   Asked by yaparoff, April 17, 2017

   • прижатый футер
   0 votes
   3 answers
4. Не работает SUBMIT в форме

   Здравствуйте, у меня небольшая проблема. Нажимая на кнопку submit никуда не перенаправляет. <form method="GET" action="http://elusive-rp.ru/check_param.php"> <label>Ник на сервере<span class="verification"></span></label> <input type="text" value="" name="nickname" id="contact-name"> <br> <select class="donateselect" name="level"> <option value="a1" selected>1 уровень - 50 руб</option> <option value="a2">2 уровень - 100 руб</option> …

   Asked by Hosefu, April 14, 2017

   0 votes
   3 answers
5. несколько глупых проблем

   Доброго времени суток. Эксперементировал сам, не помогает. Знаний не достаточно. Прошу помочь добрых людей. Проблема нр. 1 1) ссылка - http://iy-style.com/nagelterapeut.html. 2) текст вылазит за пределы главного контейнера .block, хотя установлен height: 100% и на главный блок и на его родителя т.д.. 3) Необхадимо сделать что бы текст был послушным и никуда не вылезал. Как здесь - http://iy-style.com. Потом сделать по такому же принципе остольное страницы где будет много текста. При этом, что бы добавление картинок в том числе и большого размера (и увелечение существующей) не мешало тексту и не двигало ни одну из его строчек. Так же, …

   Asked by Seven, April 18, 2017

   0 votes
   3 answers
6. Почему на инпут не действует псевдоЭлеммент?

   афтер не работает https://jsfiddle.net/1ygc5Lkb/

   Asked by aqua.77, April 27, 2017

   0 votes
   3 answers
7. При нажатии на кнопку "Заказать" товар физически "улетает" в корзину

   Здравствуйте! Вот на этом сайте доставки пиццы - http://dominos.ua/ru/ реализовано следующее: при нажатии на кнопку "Заказать" пицца "улетает" в корзину (в верхней части сайта). Подскажите, пожалуйста, куда копать (на чем сделано, может быть это готовая библиотека) чтобы реализовать данный функционал? Заранее благодарен за помощь!

   Asked by volshebnyi, May 3, 2017

   0 votes
   3 answers
8. Display none

   Друзья, подскажите пожалуйста, использую плагин JScrollPane для стилизации скроллбара. Всё настроил, работает хорошо, но... проблема в том, что этот скроллбар должен быть в выпадающем окне, и открываться по клику на ссылку. Как только я задаю блоку display: none, и открываю его по клику ссылке, скролл исчезает и блок себя ведёт как при свойсте overflow: hidden, простыми сломави контент просто обрезается. Если display: none убрать, и нажимать на ссылку блок открывается и закрывается при этом скроллбар на месте. Подскажите хотя бы в какую сторону смотреть. Возможно что-то нужно изменить в скрипте. window.onload= function() { document.getElementById('toggler')…

   Asked by brezze, May 7, 2017

   0 votes
   3 answers
9. Пропорциональное уменьшение сайта, бред ли?

   Скажите пожалуйста, возможно ли такое вообще? К примеру есть сайт, 2560px в ширину. Можно ли сделать так, чтобы вплоть до 980ти пикселей он просто, как картинка с шириной 100% уменьшался, а потом перешёл в мобильную версию? Это же полнейший бред?

   Asked by Alarr, May 8, 2017

   0 votes
   3 answers
10. Правильно задать отступы между элементами в статье

    Добрый день! В верстке мало опыта. Ищу универсальный и лаконичный способ описания вертикальных отступов в статье. Имею ввиду margin у заголовков, абзацев и списков. Поддерживая сайты со своей и чужой версткой часто сталкивалась, что где-то не доработано, и приходилось плодить новые правила. Чтобы итоговая верстка проходила по критериям: отступы у h1, h2, ..., p, ul, ol и всех их комбинаций между собой предсказуемы и правильны, с соблюдением принципа внутреннего и внешнего; тег первого идущего в статье заголовка можно легко заменить на другой (например, h1 на h2), не испортив дизайн; набор классов у элементов статьи сведен к минимуму; набор п…

    Asked by Svetlana_P, May 10, 2017

    0 votes
    3 answers
11. Неожиданно на хостинге появился псевдокласс :root

    Доброго времени суток! Уважаемые коллеги, помогите решить проблему. Есть на хостинге статическая страничка. Неожиданно пропал блок с ссылками. Инспектор кода Chrome выдаёт вот это <style type="text/css"> :root *[pk3x5e3][hidden] { display: none !important; }</style> <ul class="social_list" pk3x5e3="" hidden=""> <li class="social_item" pk3x5e3="" hidden=""> <img class="social_icon" src="image/icons/www.png" alt="" pk3x5e3="" hidden=""> <a class="social_link" href="http://veselyevykhodnye.wixsite.com/l-school" target="_blank" pk3x5e3="" hidden="">http://veselyevykhodnye.wixsite.com/l-school</a> </l…

    Asked by Dzhem, May 18, 2017

    0 votes
    3 answers
12. Css свойства нескольких блоков

    Прошу прощения за, может быть, глупый вопрос: https://jsfiddle.net/Ser8191/h86vtx6h/ Имеется три блока с одинаковыми свойствами,разное лишь: margin: 10px 0 0 10px; background-image:url(prib1.jpg); Как сделать так, чтобы один раз прописать: width:35px;height:50px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; position: absolute; для всех блоков https://jsfiddle.net/Ser8191/d0g7kr5e/ Так будет правильно?

    Asked by Ser8191, May 30, 2017

    0 votes
    3 answers
13. Меню на мобиле не работает

    Так есть меню в мобильной версии сайта Скажем на ios: если чуть прокрутить вниз страницу то уходит строка браузера верхняя и если ее нет, этой строки то меню не открывается код на js такой: $(btn).on('click', function(event){ event.preventDefault(); //console.log('click'); $(this).toggleClass('active'); $(menu).toggleClass('open'); $(menu).show(); if ( $(window).width() < 767) { $('html, body').toggleClass('overflowHidden'); } }); Кто-нибудь сталкивался с подобным?

    Asked by Kaner, June 15, 2017

    0 votes
    3 answers
14. Кроссбраузерность mask и clip-path

    Как решить вопрос с кроссбраузерностью таких вещей? В firefox буквы "D" (маски) нету и clip-path не отрисовывается на сером блоке. А в IE - полная грусть. А это разметка

    Asked by Schamil74, June 13, 2017

    • mask
    • clip-path
    • fallback
    0 votes
    3 answers
15. Создание диаграммы

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

    Asked by Nailya, June 14, 2017

    • диаграмма
    0 votes
    3 answers
16. Неправильная работа margin-top у заголовка

    Почему margin не отодвигает h2 от верха родительского элемента, как положено, а добавляет ему отступ, как показано на картинке?

    Asked by DeuS7, June 23, 2017

    • html
    • css
    • margin
    0 votes
    3 answers
17. Как в materializecss добавить вроде доп текста

    Всем привет, Обычное поле с лейблом в materializecss выглядит как : <div class="row"> <div class="input-field col s12"> <input id="email" class="validate" type="email"> <label for="email" data-error="wrong" data-success="right" class="">Email</label> </div> </div> Подскажите, как можно добавить ниже инпута что-то вроде доп текста: <p class="help-block">Name of Attribute. Must be unique in system.</p> Чтобы было красиво и в стиле materializecss ? Спасибо !

    Asked by mstdmstd, June 26, 2017

    0 votes
    3 answers
18. Вставить адрес почты

    Всем привет! Помогите новичку. Где-то ошибка, надо вставить адрес почты, что-бы активировать кнопку Отправить. Вернее она активна, просто ссылается не на почту. Вот часть кода <div class="form-area">  <!--<p>Оставьте заявку<br> на ремонт прямо сейчас</p> <form id="post" action="pavlik2000@mail.ru" class="form" id="commentForm" novalidate="novalidate"> <fieldset> <input type="text" name="name" def="Имя" class="required_new" value="Имя" /> <input type="text" name="phone" def="Телефон:" class="required_new" value="Телефон:" /> <textarea name="message" rows="" cols="" class="r…

    Asked by Pashketan, June 29, 2017

    0 votes
    3 answers
19. проблема с "таблица в bootstrap"

    Проблема в таблицах bootstrap, то есть таблица выводится вся и с bootstrap делиться на страницы для сокращения и удобства в использование! так вот есть в таблица, и в них, используются ссылки такого вида id (<a id="rank">rank</a>) при клике срабатывает скрипт, на главной странице где по стандарту 10 строк выводит все работает,но стоит перелистнуть страницу перестает работать,(так же с "user-table_length") остальные с помощью bootstrap перенесены на другие стр.. там id click не работает пример таблицы, может кто видел

    Asked by almazik2016, June 30, 2017

    • проблема
    • таблиц
    • bootstrap
    • id
    0 votes
    3 answers
20. значок тега

    никто не пробовал сверстать значок тега(например такой как на этом форуме под каждой темой) только средствами html/css ? если да, то поделитесь пожалуйста способом или хотя бы идеей желательно чтобы была возможность менять цвет заливки и толщину границы

    Asked by cyklop77, July 1, 2017

    0 votes
    3 answers
21. Удаление рамки вокруг изображения.

    Добрый день, нужен совет шарящего человека в CSS3 (я думаю даже базовых знаний хватит). У меня вокруг изображения установлена рамка (обычный border). При наведении на изображение рамка должна пропадать, при этом изображение должно оставаться на месте. Я к классу приписывал hover, пытался указать там border:none, но при таком раскладе когда пропадает рамка изображение дергается, когда рамка пропадает (визуально, ведь рамка правда пропадает, тем самым я вижу что изображение сдвигается куда-то вниз, куда-то влево и т.п.) В общем, мне нужно чтобы при наведении на изображение рамка пропадала, но при этом изображение оставалось на месте. а не возвращалось на ту позицию, где бы …

    Asked by KJL, July 1, 2017

    0 votes
    3 answers
22. Отображение объекта.

    $("button#lol").on('click', function(){ var s = document.getElementById("val1"); var c = document.getElementById("val2"); s.hidden = !s.hidden; c.hidden = !c.hidden; }); В данном коде у объекта с айди val 1, val2 есть аттрибут отображения hidden. Почему изначально объекты на html-страницы скрыты, когда я им этот пустой аттрибут задаю, хотя по стандарту они должны отображаться? Как сделать скрытым и снова открыть объект?

    Asked by ErUnDAK, July 2, 2017

    • javascript
    • html
    • jquery
    0 votes
    3 answers
23. Нужна помощь с чекбоксами

    столкнулся с такой проблемой, имеем форму <form action="action.php" method="POST"> ,в ней находятся около 130 чекбоксов, все в разных divах, чекбоксы имеют вид <label><input type="checkbox" name="id_1" class ="list" value ="#EXTINF:0,UA:Перший http://puuuuruuuu.ps/pershiy/mpegts"> <span class="spanchik"> <img title="UA:Перший / Эра" data-id="1" alt="UA:Перший / Эра" src="images/inf/1pershiy.png" style="max-width: 100%;max-height: 90%;width:auto;"> </span> </label> у каждого чекбокса свой name="id_1" , "id_2" и по нарастающей. Так к чему я веду, сколько гугла не перегуглил, не могу найти информацию о том, как сделать кнопки…

    Asked by JeraxXai, July 8, 2017

    • checkbox
    • check
    • checked
    • input
    • label
    • script
    0 votes
    3 answers
24. Личный планировщик со статистикой. Нужна ли база данных?

    Добрый день. Я не программист, но люблю программировать. Родилась в голове идея: сделать в порядке саморазвития в web, а также для самоконтроля - такую штуку. Будет находиться у меня на сайте, я смогу вбивать туда все траты по категориям. Например, купил в Ашане шоколад, огурцы и хлеб. Нажал кнопку - вылезло окно, выбрал "сладости, овощи, хлеб" (или как-то так, категории придумаю). Вбил цены. Зарплату тоже буду вносить, неофициальные всякие деньги в отдельную категорию. В итоге цель: к примеру, показать список потраченных средств за год на сладости. Или за месяц на "Прочее". Чтобы по дате можно было посмотреть что и как. И заработанное. Потом прикручу в тел…

    Asked by keltkelt, July 9, 2017

    • базы данных
    • сервис
    • для себя
    0 votes
    3 answers
25. Блоки наезжают друг на друга (FireFox)

    Всем привет! Есть страница: http://krls.beta3.ceteralabs.com/ На ней баннер, который под видео, закрывает собой текстовый слайдер (подробнее во вложении) а браузере FireFox. В Chrom'е всё нормально. Подскажите, где тут CSS подправить можно? Ещё к странице подключено app.js , там тоже стили прописаны, но почему то для FireFox они не срабатывают. Помогите пожалуйста

    Asked by fenix_63, July 11, 2017

    • кроссбраузерная верстка
    • firefox
    • верстка
    0 votes
    3 answers