HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Стоит ли реализовать свайпы
Скажите пожалуйста, стоит ли на сайте реализовать поддержку свайпов для сенсорных экранов? Основное назначение - перелистывание, увеличение/уменьшение фотографий и скринов на странице. Нашел два варианта - Hammer.JS и Zepto.js
0 votes1 answer -
Как ограничить размер картинки в слайдере картинок?
Пример страницы, если нажать на картинку снизу - открывается во весь размер, вместо того чтобы компактно в зависимости от размера монитора. http://www.vvd.su/o-nas/novosti/novosti-kompanii/item/133-bolshoj-bannyj-festival-2016-v-sochi нашел такое: background: url(images/mybg.png) 100% 100% no-repeat; /* Добавляем фон */ background-size: cover; /* Масштабируем фон */ но что-то не то обрезается..
0 votes0 answers -
Заказ обратный звонок
Подскажите, пожалуйста, скрипт для заказа обратного звонка.
0 votes3 answers -
Тег Main и его использование
Всем доброго вечера. Изучаю тут новые теги из HTML5. И возник такой вопрос по тегу <main>. Раньше для основного контейнера при практике использовал <div class="container"> или <div class="wrapper">. Но вот если вместо них, страницу обернуть в main, то появляется одна проблема. Внутри тега main также окажется тег aside с какой-нибудь информацией или второстепенным меню. Но о теге main говорится, что в нём должна быть только уникальная информация. А по своей сути тег <aside> не является уникальным, так как в большинстве случаев находится на нескольких страницах. Подскажите, можно ли использовать тег <aside> внутри тега <main&g…
0 votes0 answers -
Вписать видео в размер окна браузера
Подскажите пож, существует ли способ (в теге <video>) задать размер видео по размеру браузера. Чтобы изменяя размер окна браузера видео оставалось "вписано", при этом масштабировалось и нигде не появлялись пустоты. Вот что у меня максимум получилось: http://romaxprom.by/tmp/video/vd.html Ролик mp4, смотрите в Хроме. Если окно сделать узким, видео уходит вверх, а снизу появляется пустота.
0 votes8 answers -
Переменная выбирается из диапазона. Как вывести свои числа в зависимости от значения этой переменной?
Здравствуйте, уважаемые программисты! Решил я, значит, сделать себе сайт на Wix (ибо знаний в программировании ноль) для услуг по монтажу натяжных потолков Возникла необходимость запилить туда самый простенький калькулятор расчета стоимости: вводим площадь - получаем стоимость (типа, как здесь "Расчёт стоимости натяжного потолка с установкой": _http://vipceiling.ru/moscow/ ) На Wixе такого виджета, к сожалению, нет. Поддержка посоветовала добавить свой код самостоятельно. Начал я бороздить просторы интернета, нашел один код и стал пытаться в нем разбираться. Вроде бы получилось привести его к удовлетворительному виду, но вот с выводом стоимости так и не смо…
0 votes2 answers -
Мерзкий вертикальный отступ между блоками
Нужно сверстать такое: https://wireframe.cc/Ua4tOp Я сверстал почти все: https://jsfiddle.net/Lh3u6oye/ Что за мерзкий отступ между блоками header (там, где лого, меню) и блоком filter. (блин, его там быть не должно ). И вообще, зацените верстку, может что лучше можно было сделать или по другому?
0 votes2 answers -
Как удалить куку
Есть скрипт создания куки. как написать скрипт для ее удаления через onclick? function rewrite_quantity(obj,id){ var quantity = $(obj).val(); var price = $(obj).parent().parent().find('span').html(); var summ = parseInt(price)*parseInt(quantity); $('#rezult_'+id).html(summ+" Грн"); document.cookie = "pid["+id+"]="+quantity+";path=/;expires='<b id="drop">3600</b>'"; }
0 votes3 answers -
Проблема с изображениями (Хром или видеоадаптер)
Добрый день! Не приходилось ли кому сталкиваться с проблемой, указанной на скриншоте. Кусок изображения располагается на странице, и перемещается вместе с ней. Проявляется не всегда, но встречалось уже на двух компьютерах в Хроме. Страница на сайте: http://www.balt-maximus.ru/stiralnye_mashiny/mashina_stiralnaya_beko_wkb_51031_ptms/
0 votes0 answers -
В чем проблема?
Есть такой код var th = $('.test-plugin'), dataImage = $('.test-plugin').attr('data-image'), dataImageZoom = $('.test-plugin').attr('data-image-zoom'), dataSize = 300; $(th).addClass("magnifierRentgen"); $(th).resize(function() { $(th).find(".data-image, .magnifier-loupe img").css({ "width" : $(th).width() }); }); $(th).append("<img class='data-image' src='" + dataImage + "'><div class='magnifier-loupe'><img src='" + dataImageZoom + "'>"); $(th).hover(function() {…
0 votes1 answer -
$.Validation изменение приоритета правил
Добрый вечер. Есть популярный плагин https://jqueryvalidation.org/ для валидации форм. Всё хорошо, но нужно изменить очередность применения правил. При инициализации плагина при указании правил, независимо от того в каком порядке они указаны, применяться в первую очередь все равно будет правило "email", а нужно чтобы в первую очередь проверялось "kir_mail". То есть, чтобы пользователь видел ошибку о том что он использует кириллические символы до того как он напишет почту в правильном формате. rules: { email: { required: true, kir_mail: true, email: true, emailBlackList: true } } Какой день уже ищу решение, но что то не…
0 votes1 answer -
.htaccess 404
Привет! На сайте есть страница которая обрабатывает 404 ошибки (допустим она называется 404.html) и всё вроде бы работает отлично но вот если обратиться к этой странице напрямую то ответ сервера будет "200 ОК" и это не правильно. Как с помощью .htaccess сделать так чтобы и при прямом обращении был Not Found? Способ послать на этой странице свой PHP заголовок Not Found не интересует и запрет индексирования этой страницы в meta или robots.txt тоже. Мне интересно узнать - можно ли это реализовать только через .htaccess? Спасибо!
0 votes1 answer -
rand(); refresh - рандом; обновление rand(); refresh - рандом; обновление
$mass[1]= "test1 "; $mass[2]= "test2 "; $mass[3]= "test3 "; $rd = rand(0,3); echo $mass[$rd]; Всем приветос!! Выручайте ребята проблемка такая: есть определенный ДИВ на странице в котором выводится случайный текст из массива(код прилагается). Необходимо сделать так, что бы раз в минуту не обновляя страницы в этом ДИВ-е происходило обновление на другое рандомное сообщение. Каким образом это реализовать? Только прошу не говорите загадками) а то туго доходит
0 votes0 answers -
Валидация, что не так?
Добрый вечер Решил сделать свой проект валидным, поубирал почти все ошибки, вот не пойму как эти две ошибки исправить: there is no attribute "data-category-id" <a data-category-id="1" href="/cat/1/">Школа<ins></ins></a><br/><a data-catego there is no attribute "itemid" </h1><div style="float:left; width:20%;"><div class="catalog-entry" itemid="8"> Может кто-то знает что тут не так? И такой вопрос, как валидация влияет на индексацию страниц сайта?
0 votes30 answers -
что означает эта ошибка
Вот ошибка которую мне выдает скрипт.: Notice: Undefined offset: 0 in C:\OpenServer\domains\china-products.com\update_prod.php on line 28 Notice: Undefined offset: 1 in C:\OpenServer\domains\china-products.com\update_prod.php on line 28 Notice: Undefined offset: 2 in C:\OpenServer\domains\china-products.com\update_prod.php on line 28 Notice: Undefined offset: 3 in C:\OpenServer\domains\china-products.com\update_prod.php on line 28 Notice: Undefined index: nalichie in C:\OpenServer\domains\china-products.com\update_prod.php on line 28 Notice: Undefined index: id_category in C:\OpenServer\domains\china-products.com\update_prod.php on line 28 Notice: Unde…
0 votes2 answers -
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"…
0 votes10 answers -
Страница не прокручивается при "нацелевании" через 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 прокручивалась
0 votes7 answers -
Обновить GD
Привет, помоги пожалуйста обновить графическую библиотеку GD. Сейчас последняя версия 2.2.1 (http://libgd.github.io/), а у меня 2.1.0. Использую Open server 5.2.4. Понятие не имею что и как делать. Везде, где удавалось найти хоть какую-то информацию по этому поводу - всё на английском и вообще не понятно для меня в целом. Читала про gmagick и imagick но их функции, переведённые на русский язык, нигде найти не удалось да и в ООП я ничего пока не понимаю. Ну и с установкой у меня так же как и с обновлением. Спасибо!
0 votes0 answers -
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…
0 votes1 answer -
Вывод денег с Freelance.ru в Украину
Подскажите, пожалуйста, на сегодняшний день как обстоят дела с выводом денег с сайта Freelance.ru в Украину?
0 votes0 answers -
Непонятный отступ у родителя div > img
Прошу объяснить мне почему `wrapper` имеет отступ. https://jsfiddle.net/psr1919plus21/3qbuqjuz/ Понял проблему: img – инлайновый элемент. Решение 1: Сделать img блочным: display:block. Решение 2: Поставить нулевой интерлиньяж: line-height: 0; Всем спасибо) p.s.: Решение 2 не работает.
0 votes2 answers -
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; } Но нечего не работает в чем проблема подскажите.
0 votes2 answers -
Выровнять разные по размеру изображения в списке
Есть список пользователей. У каждого пользователя свой аватар, с индивидуальными размерами. У кого-то он широкий, но низкий, а у кого-то высокий, но узкий. Как выровнять аватарку у каждого пользователя, чтобы весь список выглядел аккуратно? http://codepen.io/anon/pen/pbJEMg
0 votes4 answers -
Свои стили checkbox без id
Доброго времени суток. Есть checkbox со своим стилем, я находила, как это сделать через id в input и for в label. Можно ли сделать свой checkbox без id, а через class или js? Вот пример моей реализации >.< https://jsfiddle.net/u3Lxgxga/5/
0 votes6 answers -
Проблемма с 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/ зац…
0 votes6 answers