HTML Coding

29,542 questions in this forum

1. Не работает свойство transition при клике на меню

   Привет! Подскажите пожалуйста, есть мобильное меню работающее по клику, хочу использовать свойство transition чтобы изменить скорость отображения меню но не получается Демо 1 Демо онлайн там используется jquery для отображения меню $(".mob-menu").click(function(){ $(this).toggleClass("open"); // transform mobile menu icon to X $(".nav-left,.wrapper,.header").toggleClass("openleft"); }); я пробую добавить css эффект transition но не работает, в чем может быть проблема? .nav-left.openleft,.wrapper.openleft,.openleft{ -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition:all 2s; }

   Asked by alex252003, August 31, 2017

   • css
   • jquery
   • html
   0 votes
   2 answers
2. Ошибка при нажатии на Cancel

   Всем привет, Откройте пожалуйста link (там логин уже введен на странице логина) то на 1й(дефолтовой закладке) Кликнув мышкой на кноке машины( справа от лейбла "Shipping") открывается модальное окно и успешно завкрывается если нажать на кнопку Cancel Но если открыть модальное окно выше рядом с лейблом “Category(ies)” и в открывшемся модальном окне нажать на кнопку Cancel то в консоле выскакивает ошибка bootstrap.min.js:6 Uncaught Error: Modal is transitioning Модальные окна имеют схожую структуру и вызываются аналогично : backendProduct.prototype.loadProductShipping = function () { var href = this_backend_home_url+"/admin/product/load_product_s…

   Asked by mstdmstd, August 29, 2017

   0 votes
   0 answers
3. Работа с картинкой вида img src="/crops/a7303253abf"

   Постараюсь объяснить проблему коротко и понятно. Необходимо поправить верстку, по-сути, простой div с картинкой внутри. Для того, чтобы сделать что нужно, нужно картинку убрать, и сделать её в виде background-image у div-а. В целом ничего сложного, если бы не одно но: Картинка вставляется через: <img src="<?= ImgHelper::cropImg($new['image'], 800, 400) ?>" alt="" /> В html коде выглядит так: <img src="/crops/a7305823253abf7706a" alt="" /> И отображается нормально. Но если пробую сделать стиль у блока background: url('/crops/a7305823253abf7706a'); Картинка не отображается. Вопрос - как быть? Вариант поправить бек-энд и…

   Asked by WalkWeb, August 29, 2017

   0 votes
   2 answers
4. Пагинация в вордпресс

   Всем привет! Обращаюсь к знатокам вордпресса, очень нужна ваша помощь. Вот в чем проблема - на главной странице выводятся посты по определенной метке, я использую стандартную пагинацию движка и она почему-то работает некорректно - текущей страницей (с классом current) всегда является первая, на какой бы странице я фактически ни находился - хоть второй, хоть двадцатой ... В чем может быть проблема? В какую сторону копать?

   Asked by alejandro13, August 28, 2017

   • wordpress
   0 votes
   17 answers
5. Задание фиксированной высоты блока в две строки

   Здравствуйте! Есть страница с блоками такого плана. Эти блоки размещаются один за одним в ряд. <div class="item" style="width:300px;float:left;"> <div class="item-img"> <img src="" style="height:140px" /> </div> <div class="item-name"> <a href="#">строка текста<a/> </div> <div class="item-params"> <!--html--> </div> <div class="item-buttons"> <!--html--> </div> </div> Ширина блока строго фиксирована. В зависимости от длины текста в теге <a> (блок .item_name) он размещается в одну или в две строки. Из-за этого div'ы, следующ…

   Asked by akerbat, August 26, 2017

   0 votes
   3 answers
6. Нужна помощь совсем чайнику)

   Не знал куда обратиться и решил написать на этом форуме. Я не верстальщик, но знания по HTML и CSS мне нужны будут в будущем) Вопрос следующий, есть сайт один, надо сменить адрес юрл при нажатие на логотип сайта, так как программиста сейчас нету и какое-то время не будет, мне надо самому разобраться с этим. Я знаю что через хром можно посмотреть как и где нужно искать файл который надо сменить, в моем случаи это сменить юрл адрес при нажатие на логотип. Вот скрин в низу, что приблизительно я хочу сказать) Кто может помочь - буду очень благодарен за совет)

   Asked by Rostyslav, August 25, 2017

   0 votes
   1 answer
7. сторонний код Как откорректировать или создать сторонний код для подсписки на рассылку

   Добрый день! Ребята!! Очень нужна помощь в написании стороннего кода на сайт для подписания на рассылку. Прежде стоял код, девушка писала его вручную, но там что-то сбилось и сайт начал выдавать ошибку при подписке. Unisender сказал, что ошибка в этом друге... И еще нужно вставить API.. Надеюсь, я корректно описала проблему. Буду безумно благодарна за помощь или наставление) имеющийся код вот: <link href="https://cp.unisender.com/v5/template-editor-new/js/lib/datepicker/pikaday.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="https://cp.unisender.com/v5/template-editor-new/js/lib/moment/moment-with…

   Asked by Diana Taut, August 25, 2017

   • рассылка
   • сайт vigbo
   0 votes
   0 answers
8. откуда берется этот отступ?

   https://jsfiddle.net/67j9ntvc/ ожидалось расположение на одной базовой линии, но подпись сползает ниже, как не стараюсь. как только не выкручивался. что я упустил?

   Asked by d0ublezer0, August 25, 2017

   0 votes
   7 answers
9. Проблема с добавлением даты в mysql

   Имеется mysql 5.7, php7. таблица с полями fio, boss, office, position, date-u, date-u имеет формат 0000-00-00 Выполняю запрос из php, не добавляет в базу данные mysqli_query($con, "INSERT INTO $table(fio, boss, office, position, date-u) VALUES ('$fio', '$boss', '$office', '$position', 11/11/2012)"); Если без даты, то данные добавляются Если сделать запрос из phpmyadmin, данные добавляются, но дата все равно с нулями. INSERT INTO `users`(`fio`, `boss`, `office`, `position`, `date-u`) VALUES (1,2,3,4, 11/11/2012) Почему дату не добавляет?

   Asked by RK3DNP, August 24, 2017

   0 votes
   6 answers
10. Фронтенд с нуля

    Помогите,кому несложно,объясните,меня на собеседовании спросили, могу ли я с нуля поднять фронтенд под новый проект. Что значит поднять фронтенд? Какие инструменты нужно знать и использовать для этого? Буду Вам очень признательна за любую помощь в данном вопросе.

    Asked by hike, August 23, 2017

    • поднять frontend
    • frontend с нуля
    0 votes
    6 answers
11. Проблема просмотра сайта через мобильные устройства.

    Данная страница ужастно отображается на Iphon и Ipad - http://admin.siteboom.ru/login.php# Все тесты оно проходит хорошо.. При уменьшение окна браузера тоже нормально. Не могу понять почему на мобилах так плохо. <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <title>Введите пароль - SiteBoom</title> <link rel="stylesheet" type="text/css" href="style/login.css"/> <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,9…

    Asked by Fly_Lakmey, August 23, 2017

    0 votes
    0 answers
12. Верстка на 20% крупнее в ФФ и Хроме

    Открываю psd макет, беру линейку. Измеряю какой-либо элемент, например высоту шапки. Прописываю высоту в пикселях и т.д. Но все едет и кажется огромным. Делаю принтскрин, вставляю поверх psd макета, видно что высота стала гораздо больше, например шапка 400px а в принтскрине уже 500px. От чего так? Изображение браузера стоит 100%, пробовал менять браузер - всеравно крупнее на сайте, чем в макете, хотя высоту прописал точно как в макете. Проверял единицы измерения в фотошопе - все верно Может искажается при принскрине размеры? но проверил по ширине - вместо 1920 - 1900 за счетполосы прокрутки. Так что не могло прям на 100 пикселей пропасть, да и сам реал…

    Asked by nikki4, August 22, 2017

    0 votes
    6 answers
13. Как сверстать стрелку на CSS

    Здравствуйте! Помогите с решением. Подскажите, можно ли сверстать стрелку на псевдоэлементе? https://prnt.sc/gb74sc https://prnt.sc/gb7kos

    Asked by Goodman-77, August 21, 2017

    • css
    • стрелка
    0 votes
    6 answers
14. Интересная реализация фона

    Надеюсь, смогу объяснить, чтобы меня поняли: Наткнулся на один сайт (http://sheltertheanimation.com/), на нём есть тег <section>, что используется на сайте. И вот при прокрутке страницы фон этой секции не подвижен, а сами элементы, типо: <h1>, <p> подвижны. У меня просьба и вопрос: Дайте мне ссылку на статью по подобной ситуации, ибо очень заинтересовала, и объясните мне предназначение тега <section>, ведь я мог вместо него использовать тот же самый <div>.

    Asked by ErUnDAK, August 20, 2017

    • html
    • css
    0 votes
    1 answer
15. hover эффект для меню

    То о чем я говорю представлено на скриншоте. Через padding-top по пикселям делал, как-то неудобно получается. Есть ли еще варианты?

    Asked by WebNewbe, August 19, 2017

    • html
    • css
    • javascript
    • верстка
    0 votes
    3 answers
16. Выравиние во Flexbox

    Подскажите, как можно растянуть блоки 2, 3, 4 по высоте блока 1? space-between и align-items не срабатывает. Пример тут:

    Asked by Kolya_YA, August 19, 2017

    • flexbox
    0 votes
    1 answer
17. Как отменить float

    Вот пример - https://jsfiddle.net/9wu82yq6/ Как отменить действие тега float. В примере я добавил лишний див (<div class="clr"></div>). Можно ли обойтись без этого блока? Спасибо.

    Asked by alleclf, August 18, 2017

    0 votes
    2 answers
18. Таймер на сайте даже без онлайн пользователей

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

    Asked by ValerKa00776, August 18, 2017

    • таймер
    • онлайн
    • сайт
    0 votes
    1 answer
19. Объясните мне некоторые моменты...

    Данный вариант —> var i = parseInt($("#sli").css('margin-left')); Индентичен варианту —> var i = parseInt(document.getElementById('sli').style.marginLeft). Но, по какой-то причине, второй вариант не работает. То есть, я не могу стиль вложить в переменную в JavaScript, а в JQuery такое возможно. И при изменении стиля типо left в javascript, мне нужно указывать что-то вроде 100 + 'px', а такой момент отсутствует в JQuery, сойдут обычные числа. Был бы благодарен, если бы на мои вопросы были ответы, потому что мне не понятна такая работа кода.

    Asked by ErUnDAK, August 17, 2017

    • jquery
    • javascript
    • html
    • css
    0 votes
    2 answers
20. Неправильное перемещение объектов

    В этом коде: https://jsfiddle.net/Lgjy2c8w/ у меня блок запоминает положение другого, и на 100 пикселей уходит дальше, хотя глобальная функция задана tor = 0, и изменяться они уже в своих функциях. Как исправить неправильное смещение?

    Asked by ErUnDAK, August 17, 2017

    • javascript
    • html
    • css
    0 votes
    2 answers
21. Загрузить изображения, не залезая в код.

    Всем привет! Я, некоторым образом, нуб в верстке. Сделал пару сайтов, чисто на html и css, пользуясь руководствами, как направляющими. Сайты работают вполне приемлемо, однако, я столкнулся с одним неудобством: каждый раз, для загрузки изображения, мне требуется залезать в панель управления Джумла и, либо создавать там новую категорию и макеты, либо менять изображения и текст в тех, что уже существуют. Это не очень удобно, тем более, что я, каждый раз, успеваю забыть, какой порядок действий мне нужно совершить. В связи с этим, возник вопрос: можно ли как-то сделать так, чтобы загрузка изображений происходила, как, к примеру, вКонтакте, когда можно создать альбом - и закину…

    Asked by Dmitry_Di, August 16, 2017

    • код
    • html
    • css
    • модули
    • загрузка изображений
    • image upload
    0 votes
    0 answers
22. Сложный радиальный градиент

    Здравствуйте! Есть такая картинка, можно ли ее реализовать с помощью радиального градиента? Сколько искал информацию, радиальный градиент повторяется от центра к краю, а мне нужно повторение по кругу. Можно ли это реализовать?

    Asked by Ascold, August 16, 2017

    0 votes
    1 answer
23. Как реализовать декоративные полосы?

    Часто в макетах встречаю такие нестандартные решения, как они создаются? Мб вы ранее сталкивались с этим, покажите код пожалуйста .. Я так подразумеваю что возможно сделать на псевдо-элементах, и бордерах? Или вазможно как-то сделать на флексбоксах адаптивно? Или вообще с помощью SVG рисуется? Спасибо! ИЗОБРАЖЕНИЕ

    Asked by Hasiev, August 15, 2017

    0 votes
    4 answers
24. Позицирование элементов

    Доброго времени суток! Я новичок (1 Месяц. За ранее хотел бы сказать, что опыта нету, и не судите строго ), Учусь верстать сделал макет. Так вот не могу сделать нормальную шапку (Горизонтальная расположения меню): 1 Лого и Текст Лого по левому краю. 6 Текстов для Основных меню по центру 2 Доп. Меню по правому краю float: left & right - пробовал, grid: тоже, flex-box; тоже, даже через inline-block; Помогите создать меню, не хочу использовать float left/right. Хотел бы использовать grid сетку (Лучше даже написать свою сетку для будущего) Bootstrap вообще не хочу использовать, буду сидеть и писать но его не буду. Но вот беда что в grid есть …

    Asked by Sabretooth, August 15, 2017

    • navigation position
    0 votes
    1 answer
25. Тормозит карусель

    Добрый день! Или у меня что-то с интернетом или карусель на главной и следующая страничка "купить" долго загружаются. Можете глянуть в чем причина?? Спасибо!

    Asked by Vic-Tor, August 15, 2017

    • карусеть
    0 votes
    8 answers