HTML Coding

29542 questions in this forum

1. $.Validation изменение приоритета правил

   Добрый вечер. Есть популярный плагин https://jqueryvalidation.org/ для валидации форм. Всё хорошо, но нужно изменить очередность применения правил. При инициализации плагина при указании правил, независимо от того в каком порядке они указаны, применяться в первую очередь все равно будет правило "email", а нужно чтобы в первую очередь проверялось "kir_mail". То есть, чтобы пользователь видел ошибку о том что он использует кириллические символы до того как он напишет почту в правильном формате. rules: { email: { required: true, kir_mail: true, email: true, emailBlackList: true } } Какой день уже ищу решение, но что то не…

   Asked by li4e, May 27, 2016

   • jquery
   • validation
   • javascript
   0 votes
   1 answer
2. Внутреняя таблица выходит за пределы внешней. CSS.

   Приветствую! Ребят, что-то меня заклинило, и никак я не могу решить простую, в общем-то, задачу. Собственно, задача: поместить несколько таблиц друг в друга (без каких-либо промежутков) во весь экран. Когда содержимое внутренней таблицы не превышает высоту экрана, то всё хорошо. А вот когда контент не помещается, то таблица, соответственно, вырастает сообразно содержимому. А внешние-то table‘ы – нет! Так и остаются на месте. Как сделать так, чтобы они двигались вместе? http://s017.radikal.ru/i405/1605/4e/d5119940ed94.jpg http://s41.radikal.ru/i094/1605/75/58aae8416ead.jpg Подскажите, пожалуйста, решение проблемы. Перепробовал кучу вариантов. Всё не то.…

   Asked by JustUser, May 27, 2016

   • css html
   • div
   • table
   0 votes
   2 answers
3. Плагин по навигации

   Люди, помогите найти плагин навигации на сайте, может кто-то сталкивался в работе с таким. У меня есть скрытая навигация (скрин http://prntscr.com/b977xc) при нажатии на кнопку меню ("сендвич") с левой стороны должно появляться меню, сдвигая основное тело страницы (аналог плаги Pushy Master), но при нажатии на внутренние меню должно появляться еще одно меню, сдвигая основное тело страницs еще сильнее (http://prntscr.com/b96ujg). Подскажите, кто может, есть ли такой плагин или нужно ковырять другие плагины для достижения такого эффекта. Заранее спасибо всем, кто откликнулся!

   Asked by VIVA, May 27, 2016

   0 votes
   0 answers
4. не могу привязать css к html-файлу

   Всем доброго дня. По какой-то причине не могу привязать css стиль к index страничке. Все файлы находятся у меня на компе. В корне папки находится index.html а в подпапке css - style.css Пишу в хеде кода <link href="css/style.css" type="text/css" rel="stylesheet"> в самом css файле у меня для примера написано: body { background: red;} h1 { color: red; } Но в превью окне никаких изменений не отображается. Сам HTML код пишется и визуализируется нормально. пишу в Atom подскажите, в чем может быть причина? Небольшой апдейт: оказывается, файл все-таки привязывается, только изменения css никак не отображаются в мини-браузере атома. …

   Asked by Capablanca, May 29, 2016

   • привязать
   • html
   • css
   0 votes
   3 answers
5. id вместо class

   помогите пожалуйста советом допустим есть форма отправки груза. есть возможность в её пределах создать несколько позиций(например как тут). при этом разработчик будет для каждой новой позиции генерировать html, помеченный классом. это нужно для того чтобы пользователь мог кликнуть по кнопке "удалить позицию" проблема в том, что классы - для верстальщика, а id - для яваскриптера. ничего что яваскриптер для того чтобы натравить скрипт на элемент использует класс? теоретически можно конечно использовать id, добавляя числовой постфикс(например id="delBtn_23"). но в этом случае сложность неоправданно увеличивается как в подобном случае поступают профессион…

   Asked by cyklop77, May 28, 2016

   • js
   • css
   0 votes
   4 answers
6. Проблема в JS, скролл табов

   На этой страничке http://zimnitskiy.com/peregrin/one-direction.html есть табы, которые скроллятся вместе с контентом, а на последнем табе их скролл прекращается и дальше скроллится только контент. Использовал скрипт отсюда http://shpargalkablog.ru/2013/09/scroll-block.html, последний вариант. Всё работает, но есть баг, который заключается в том, что когда контента не хватает для скролла, на ul где эти табы остается класс "stop", который вешает скрипт выше для его работы. Этот класс фиксирует блок и добавляет свойство top равное проскроллиному непроблемного таба. Т.е. когда контента хватает для скролла класс убирается или меняется на другой "sticky"…

   Asked by sanya.dndz.kh, May 29, 2016

   0 votes
   1 answer
7. проблема с Checkbox

   Привет ! проблема в том что, при 1 нажатии на чекбокс галочка ставится, при втором убирается. при третем ставится , и больше не убирается хоть сколько тыкай. как лечить?

   Asked by Maximiroon, May 29, 2016

   • checkbox
   0 votes
   1 answer
8. Выровнять кнопки

   Народ привет. Хочу поместить социальные кнопки, кнопки вставил, но пока не могу выровнять их. <div id="content"> <div class="addthis_sharing_toolbox"></div> </div> </div> <div id="footer"> </div> .addthis_sharing_toolbox {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px; } Кнопки вставляются, но пока не могу их выровнять по середине. Код кнопок виден только в исходном коде странице. Подскажите пожалуйста как ещё вставить текст перед кнопками?

   Asked by bobb, May 31, 2016

   0 votes
   0 answers
9. Создание горизонтально-вертикально-горизонтального меню

   Добрый день. Возникла необходимость научиться созданию многоуровневым меню. Вопрос как создать меню с 3 уровней ? Первый идет горизонтально, второй вертикально и третий горизонтально. До второго уровня я дошел без проблем, а как быть с третьим ? Вот что у меня вышло. ((Заранее прошу прощение за расположение менюшки, выдирал из готовящегося проекта) https://jsfiddle.net/BlackStar1991/zaLupfjr/8/

   Asked by Black_Star, May 31, 2016

   0 votes
   5 answers
10. Vertical align текста и картинки в один ряд

    Как сделать так, чтобы текст был выравнивался по центру картинки, а не по базовой линии как сейчас? https://jsfiddle.net/7kcy40eq/3/

    Asked by WhatIsHTML, May 31, 2016

    0 votes
    1 answer
11. Проблемма с header в Mozilla

    На картинке видно что Chrome все красиво, а Mozilla исказила картинку, растянув ее высоту. Из-за этого съехало меню вверх, т.к. оно привязано в высоте header. в стилях я прописал .header img{max-width: 75vw; Chrome после того как растягивает картинку для хидера правильно масштабирует ее по высоте, а Mozilla после растягивания высоту масштабирует некорректно. Если сделать .header img{width: 75vw; то все красиво в обоих, в полноэкранном просмотре хидер через чур растянут, мне не нравится Пробовал подсовывать префикс для Mozilla -moz-max-width: 75vw; она это не скушала. Как победить? ссылка на сайт http://nakhodka.h1n.ru/ зац…

    Asked by Alex_, June 1, 2016

    0 votes
    6 answers
12. Когда спрайтовать изображения, а когда инлайнить?

    В последнее время появилось много инструментов по работе с изображениями, и мне бы хотелось понять, когда я должен инлайнить изображения из CSS при помощи base64, а когда просто положить их в спрайт. Заранее спасибо.

    Asked by mg901, June 1, 2016

    • html
    • css
    • img
    0 votes
    4 answers
13. Не реагируют img на margin

    Ребята, привет. Кого не обременит. Скажите. почему нет реакции на margin у элементов img?Полоса не впритык с меню и лого. есть расстояние. Это мой третий макет, другие забросил. Макет бесплатный, скачал с группы вк. Верстаю для себя, учусь вот уже второй год. Было прочтен сайт htmlbook, порешал задачки на htmlacademy. Оказалось фронт-энд не такой уж простой как кажется. Что скажете по коду ? http://codepen.io/Gettoheaven/pen/gMYKaP Исходник в img

    Asked by Get to heaven, June 1, 2016

    • img
    • не реагирует на margin img
    0 votes
    8 answers
14. Фигурные уголки у блоков

    Подскажите пожалста, как выполнить такие углы, ну не прибегая к изображениям http://joxi.ru/0KAg7bkujO1JAl

    Asked by Vlad_P, June 2, 2016

    0 votes
    5 answers
15. Горизонтальная прокрутка при больших изображениях с центровкой изображения

    Здравствуйте! Есть изображение размером 1900px/528px. Надо чтобы горизонтальная прокрутка появлялась при размере экрана 1170px с центровкой изображения. Мой код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Горизонтальная прокрутка</title> <style> *{ padding: 0; margin: 0; } .main_background{ width: 2000px; height: 528px; background: url(http://i6.imageban.ru/out/2016/06/01/c4c0656fcf6bac97bc7bd0541a995b87.jpg) no-repeat; } .main_background { /*width: 100%;*/ position: relative; left: 50%; margin-left: -950px; min-width: 1160px; max-width: 1900px; overflow: hidden; …

    Asked by vladd56, June 2, 2016

    0 votes
    3 answers
16. Placeholder не отображается в Mozilla

    Не отображается Placeholder в браузере Mozilla. Также не видно текста когда вбиваешь в текстовое поле. В чем может быть проблема? Ссылка на сайт (форма входа вверху справа)

    Asked by yaparoff, June 2, 2016

    • placeholder
    0 votes
    1 answer
17. Свои стили checkbox без id

    Доброго времени суток. Есть checkbox со своим стилем, я находила, как это сделать через id в input и for в label. Можно ли сделать свой checkbox без id, а через class или js? Вот пример моей реализации >.< https://jsfiddle.net/u3Lxgxga/5/

    Asked by Mary_RND, June 2, 2016

    0 votes
    6 answers
18. Непонятный отступ у родителя div > img

    Прошу объяснить мне почему `wrapper` имеет отступ. https://jsfiddle.net/psr1919plus21/3qbuqjuz/ Понял проблему: img – инлайновый элемент. Решение 1: Сделать img блочным: display:block. Решение 2: Поставить нулевой интерлиньяж: line-height: 0; Всем спасибо) p.s.: Решение 2 не работает.

    Asked by cat, June 3, 2016

    0 votes
    2 answers
19. Semantic UI одинаковая высота блоков

    Необходимо сделать высоту блоков на скриншоте, одинаковой. Для задания одинаковой высоты у Semantic UI есть классы "equal height". Пример тут http://jsfiddle.net/ozk615p6/35/ "equal height" задается внешнему блоку, а дочерним элементам будет задана одинаковая высота. Проблема в том, что мне нужно выровнять по высоте не дочерние элементы, по крайней мере не первого уровня вложенности. Моя проблема тут http://jsfiddle.net/ozk615p6/34/ Помогите пожалуйста.

    Asked by WhatIsHTML, June 26, 2016

    • semantic ui
    • equal
    • height
    • columns
    0 votes
    0 answers
20. hover эффект

    Вобщем есть код <div class="number"> <a href='#'><img src='images/Call.png' class="call"></a> <b>8-905-282-60-55</b> </div> изначально тег <b> скрыт display:none; хочу что бы при наведении на ссылку тег <b> снова становился видимым. насписал стили: .number b{ display:none; } .number a:hover b{ display:block; } Но нечего не работает в чем проблема подскажите.

    Asked by DronBoy, June 4, 2016

    • hover
    0 votes
    2 answers
21. Страница не прокручивается при "нацелевании" через ID

    Ситуация следующая: необходимо, чтобы элементы находящиеся внутри элемента div.slider при ссылании на них через ID не проворачивали страницу. Т.к. объясняю я, возможно, не очень приведу пример: Сайт с адресом AfrikaTour.net/tours <div class="slider"> <ul> <li id="n1">1</li> <li id="n2">2</li> <li id="n3">3</li> <li id="n4">4</li> </ul> </div> <div id="n5">Бла-Бла-Бла</div> Так вот хотелось бы, чтобы при переходе по адресу AfrikaTour.net/tours#n1 страница не прокручивалась а по AfrikaTour.net/tours#n5 прокручивалась

    Asked by Manka-Manka, June 4, 2016

    0 votes
    7 answers
22. Вывод денег с Freelance.ru в Украину

    Подскажите, пожалуйста, на сегодняшний день как обстоят дела с выводом денег с сайта Freelance.ru в Украину?

    Asked by ZhenevyevaN, June 4, 2016

    • freelance.ru
    0 votes
    0 answers
23. DRY для конфига

    как думаете, в конфиге допустимо следующим образом дублировать код? validation: { length: [ { required: true, msg: 'Поле не может быть пустым' }, { pattern: 'number', msg: 'Введите число' }, { pattern: /^[0-9]\d*(\.\d+)?$/, msg: 'Введите положительное число' }, { pattern: /^[1-9]\d*(\.\d+)?$/, msg: 'Число не может быть нулём' } ], width: [ { required: true, msg: 'Поле не может быть пустым' }, { pattern: 'number', msg: 'Введите число' }, { pattern: /^[0-9]\d*(\.\d+)?$/, msg: 'Введите положительное число' }, { pattern: /^[1-9]\d…

    Asked by cyklop77, June 5, 2016

    • js
    0 votes
    1 answer
24. Обновить GD

    Привет, помоги пожалуйста обновить графическую библиотеку GD. Сейчас последняя версия 2.2.1 (http://libgd.github.io/), а у меня 2.1.0. Использую Open server 5.2.4. Понятие не имею что и как делать. Везде, где удавалось найти хоть какую-то информацию по этому поводу - всё на английском и вообще не понятно для меня в целом. Читала про gmagick и imagick но их функции, переведённые на русский язык, нигде найти не удалось да и в ООП я ничего пока не понимаю. Ну и с установкой у меня так же как и с обновлением. Спасибо!

    Asked by Anechka, June 6, 2016

    • gd
    0 votes
    0 answers
25. bootstrap мелкие поля

    <div class="item-search"> <form id="w0" action="/site/items" method="get"> <div class="row"> <div class="col-lg-4"> <div class="row"> <div class="col-lg-6"> <div class="form-group field-itemsearch-name_ru"> <div class="col-lg-12">ru<input type="text" id="itemsearch-name_ru" class="form-control" name="ItemSearch[name_ru]" value=""></div> </div> </div> <div class="col-lg-6"> <div class="form-group field-itemsearch-name_en"> <div class="col-lg-12">en<input type="text"…

    Asked by https, June 6, 2016

    0 votes
    10 answers