HTML Coding

29,542 questions in this forum

1. Простая задача на js

   Доброе время суток! Начинаю изучать js. Помогите с такой задачкой вот условие: вывести в одной строке цифры 7 13 100 с двойными пробелами между ними.

   Asked by Ratibor, August 18, 2016

   0 votes
   2 answers
2. 2 разные Bootstrap сетки

   Всем привет. Есть макет, который отрисован по Bootstrap сетки. Однако на оснвных страницах используется стандартная сетка шириной 1170px, а на нескольких внутренних используется сетка шириной 960px. Как верстать такой сайт правильнее? Подключать два файла стилей бутсрапа? Как тогда указать, как использоваться в данный момент. Заранее спасибо за ответ!:)

   Asked by IvanRu08, August 15, 2016

   0 votes
   2 answers
3. Анимация circle chart

   Здравствуйте. Как осуществить такую анимацию - https://dribbble.com/shots/1296229-Animation-Rectify-Stats От нее нужен сам круг и цифры в центре, ну и эффект тоже. На SVG? Вдруг у кого-то есть пример, поделитесь, пожалуйста.

   Asked by kattiperk, August 10, 2016

   • animation
   • svg
   0 votes
   12 answers
4. Внутренняя тень у 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
5. Фильтр html таблиц с помощью чекбоксов

   Здравствуйте! Подскажите, пожалуйста, есть ли готовое решение на javascript для фильтрации данных в html таблицах с помощью чекбоксов. Есть отличное решение с помощью поля поиска: http://www.listjs.com/examples/table А вот с чекбоксами я не нашел. Заранее благодарен за помощь.

   Asked by volshebnyi, August 15, 2016

   0 votes
   0 answers
6. Несколько рамок с текстом чтобы они были расположены горизонтально

   Здравствуйте. Хотел бы установить на свой сайт вот такую штуку, как на скрине: Чтобы именно 3 ячейки с текстом были такого вида. Желательно такие же округлые, но можно и прямоугольные. НЕ кнопки (происходит конфликт в коде и все кнопки на сайте перестают работать, даже если "disabled") Помогите пожалуйста.

   Asked by Alexey1111, August 15, 2016

   0 votes
   0 answers
7. Один элемент перекрывает другой

   Решил поверстать макет, предложенный на этому форуме. Там есть изображение чернильницы и бабочек на фоне бардовой ленты. У меня почему-то либо лента перекрывает часть изображения с чернильницей и бабочкой. Либо, если опустить теги с чернильницей и бабочкой ниже, это изображение полностью перекрывает красную ленту и она не показывается вообще. https://jsfiddle.net/of9x1fkg/ Что надо сделать, чтобы чернильница с бабочками нормально и полностью отображалась на фоне ленты? Вот ссылка на макет:

   Asked by DmiUr, August 12, 2016

   0 votes
   2 answers
8. Две ссылки на одну кнопку

   Ребята, оочень слабо смыслю в html, скомуниздил с сайта форму вместе с дизайном кнопки " <div class="inputs"> <input type="hidden" name="userip" value="" /> <input type="hidden" name="promo" value="" /> <input type="hidden" name="srcurl" value="" /> <input type="hidden" name="ctag" value="" /> <input id="firstname" type="text" name="firstname" class="name input" placeholder="Имя" /> <input id="email" type="text" name="Email" class="email input" placeholder="Email"…

   Asked by jack777, August 14, 2016

   0 votes
   0 answers
9. Модификация кнопки

   Здравствуйте. Помогите, пожалуйста, изменить код кнопки. А именно привязать к ней ссылку, чтобы при нажатии на кнопку эта ссылка открывалась в новом окне. Соответственно чтобы изначальные функции кнопки не были утеряны (submit). Вот код с которым у меня возникли проблемы. Разными способами пытался, но всё тщетно. var button = '<input type="submit" class="btn btn-primary btn-lg" value="Take it, Easy">';

   Asked by Alexey1111, August 13, 2016

   0 votes
   1 answer
10. Проблема с табами

    Всем привет! Не получается сверстать вот такие табы не могу понять что делаю не так . все что получается у меня это непонятно почему вылезла эта линия внизу, в не активном режиме и не получается ее скрыть. При нажатии вроде как все нормально , а вот именно сначала вылазит эта линия . Надеюсь на помощь ) вот код <div class="col-md-7"> <div class="tabs_header clearfix"> <div class="wrapper"> <div class="tabs clearfix"> <span class="tab">Скидки учащимся</span> <span class="tab">Дополнительные скидки</span> </d…

    Asked by Driven, August 12, 2016

    • табы
    0 votes
    1 answer
11. Ссылку на актуальную статью по less

    Дайте, пожалуйста, ссылку на актуальную статью по less... Имею Kubuntu, Chromium, FF, установленные пакеты less-458-2, nodejs-0.10.25~dfsg2-2ubuntu1 гуглом нахожу какие-то обрывки

    Asked by mstdmstd, August 13, 2016

    0 votes
    1 answer
12. Нужен совет по реализации фулскрин сайта

    Доброго времени суток Самое близкое по моей проблеме я нашла вот такой вариант http://alvarotrigo.com/fullPage/ Когда прокручиваешь получаешь станицу #firstPage #secondPage и #3rdPage На #secondPage горизонтальная прокрутка и когда ты переходишь по ней и на каждой странице, прокручивая вниз, всегда получаешь #3rdPage. Вопрос вот в чем, как сделать, чтобы при переходе по горизонтальным страницам, когда прокручиваешь вниз, открывалась новая страница. Спасибо=)

    Asked by Mary_RND, August 2, 2016

    • html
    • css
    0 votes
    9 answers
13. Меню с выпадающими блоками

    Есть 7 блоков. При нажатии на блок рядом с ним появляется еще один (на картинке синим цветом). На каждой строке должно быть максимум 4 блока. Проблема заключается в том, что при нажатии на 4 блок при открытом 3-м блоке, 7 блок переходит на третью строку. Необходимо каким-то образом перемещать блок на свободное место, то есть в конец первой строки. Аналогичная проблема при меньшем размере окна, когда блоков в строке 3, 2 и так далее.

    Asked by prostodenis, August 12, 2016

    0 votes
    0 answers
14. Не работает позиционирование

    Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Сам элемент сверстан как пустой див с цветным фоном. Страничка не выложена в сети, находится у меня в папке компьютера.Вот макет, который я пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом…

    Asked by DmiUr, August 11, 2016

    0 votes
    2 answers
15. inpur range диапазон

    Доброго времени суток. Подскажите, пожалуйста, как можно реализовать второй ползунок к input range, чтобы отображать диапазон значений, не используя плагины jquery. <input type="range" id="r1" oninput="fun1()" min="0" max="1000" step="10" value="0" > <input type="text" id="i1"> <script> function fun1() { var rng=document.getElementById('r1'); var i1=document.getElementById('i1'); i1.value=rng.value; } </script>

    Asked by imakhortykh, August 11, 2016

    0 votes
    1 answer
16. Не работает позиционирование

    Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Вот сам макет который пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом рекомендаций. Спасибо за понимание.

    Asked by DmiUr, August 11, 2016

    0 votes
    2 answers
17. Не работает background-image

    Попробовал начать верстать один из предложенных здесь макетов - файл с фоновым изображением не отображался, хотя прописано все было вроде бы правильно. Попробовал прописать его как простой img уже в html - картинка не отобразилась, только маленький квадрат с крестиком. Подскажите, в чем причина в совокупности такого поведения изображения.

    Asked by DmiUr, August 10, 2016

    0 votes
    15 answers
18. Как сделать, чтобы при появлении вертикальной прокрутки, divы не выходили за правый край контейнера?

    DEMO Когда содержимое не помещается в overflow: auto, то элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение) Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.

    Asked by Roma-Pro, August 10, 2016

    • html
    • css
    • scroll
    • div
    0 votes
    8 answers
19. Github page

    Такой вопрос, есть сайт оформленный через гитхаб хостинг, на этом сайте есть отправка формы через php, но она не работает, в чем может быть причина? и вообще есть ли такой функционал на гитхабе, собственно вот форма отправки <?php header('Content-Type: text/html; charset=utf-8'); /* Задаем переменные */ $name = htmlspecialchars($_POST["f_name"], ENT_COMPAT, 'cp1251'); $email = htmlspecialchars($_POST["f_email"], ENT_COMPAT, 'cp1251'); $tel = htmlspecialchars($_POST["f_tel"], ENT_COMPAT, 'cp1251'); $message = htmlspecialchars($_POST["text_form"], ENT_COMPAT, 'cp1251'); $bezspama = htmlspecialchars($_POST["not_spam"], ENT_COMPAT, 'cp1251'); /* Ваш адрес и тема сооб…

    Asked by Endorphin, August 9, 2016

    0 votes
    3 answers
20. Код не проходит валидацию

    Добрый день! Возникла проблема с валидацией : не пойму в чём дело. Вот участок кода <thead> <tr> <th rowspan="2"><b>Menu</b> | Updated 10th of December 2016</th> <th></th> </tr> </thead> Благодарю за помощь!

    Asked by Zakonoposlushniy, August 10, 2016

    • код валидация
    0 votes
    2 answers
21. Только только начал верстать вопрос зачем оборачивать img в div если и без него работает

    Всем привет. Я только недавно начал верстать. Сейчас пытаюсь сделать e-mail рассылку. У меня такой вопрос: зачем оборачивать img в div если и без div работает ? Пример : <td width="138" valign="top" style="margin: 0; padding: 0; padding-top: 14px; padding-left: 30px;"> <a href="#" target="_blank" border="0" style=" margin: 0; padding: 0; outline: none; border: none; text-decoration: none;"> <div style="font-size:1px;line-height:1px;"> <img width="138" height="84" src="images/logo.png" alt="БонПари" style=" border: 0; margin: 0;padding: 0; display: block; font-size: 1px; line-height: 1px; font-family: Verdana, Tahoma, Geneva, san…

    Asked by blalorvet, August 5, 2016

    • div
    • img
    0 votes
    8 answers
22. Тестируя бутстрап сайт на смартфоне выявил некоторые ошибки

    Всем привет, Пробую тестировать свой бутстрап сайт на смартфоне(Fly IQ450 Horizon 2) и вижу несколько ошибок, которые не отображались ни в браузере ни через http://deviceponsive.com/. 1) На этой странице ссылка зайти в модальное окно кликом на "Apply Filter" и поле выбора Status очень узкое по сравнению с другими полями. Такая же картина, если кликнуть на ссылке в списке и откроется редактор то поле выбора Status также очень узкое. В браузере и в http://deviceponsive.com/ это поле отображается нормальным по ширине. В чем дело и как это починить ? 2) Не отображается тег title браузера. Это не очень удобно, из-за того что вся страница при…

    Asked by mstdmstd, August 9, 2016

    0 votes
    2 answers
23. Вместо простого текста сслыка

    Начал верстать макет для сайта, там всего около пары строк, однако почему-то переглючило: простой текст (точнее телефонный номер) отобразился как ссылка без тэга ссылки. Помогите понять, почему так произошло и как сделать нормально отображение телефонного номера. P.S. Хотел прикрепить сюда скриншот, но он почему-то не отображается (всплывает сообщение:"Возникла ошибка..."

    Asked by DmiUr, August 10, 2016

    0 votes
    2 answers
24. Унаследование свойства от родительского элемента!

    Доброго времени суток, форумчане! Делаю таблицу, нужно чтобы названия каждого артефакта было жирным текстом. Ставить тэг "<b>" в каждую строку - как - то не по профессиональному. Вытекающий вопрос, можно ли вписать это самое свойство родительскому тегу в таблице <th> так, чтобы только первые теги - предки <td> унаследовали данное свойство?! Те самые таблицы - http://super-buble.ru/Gray.html

    Asked by Святослав, August 9, 2016

    0 votes
    2 answers
25. Кнопки в мобильной версии

    Здравствуйте всем. Возникла проблема с кнопками (в мобильной), в хромовском эмуляторе все норм, а вот что http://joxi.ru/12MxVdZTxJEVmJ В чем может быть проблема, что не так подскажите ( http://main.sk-koba.ru/pics-mobile/mobile_new_edit_album.html

    Asked by kent, August 10, 2016

    0 votes
    4 answers