Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Проблема со шрифтами

    Добрый день! Подгружаю шрифты с google fonts, имя шрифта Fira Sans (и причем он у них отображается корректно), но когда я его подгружаю он выглядит так как будто избитый. Привожу 2 скриншота: 1. Как выглядит шрифт на google fonts 2. Так выглядит у меня Почему так получается? Все эти манипуляции я провожу в браузере Firefox.

    Asked by xek,

    0 votes
    10 answers

  2. Проблема со слайдером при отдалении

    Вот слайдер в обычном разрешении А вот если отдалить страницу Как это исправить? Ниже предоставлен весь код слайдера. И кстати, использую CMS IPS 4.1.18.2 Скрытый текст .wrapper { height: 290px; position: relative; width: 940px; margin-bottom: -10px; } .slider { background-color: #ddd; height: inherit; overflow: hidden; position: relative; width: inherit; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -o-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); } .wrapper > input { display: none; } .slides { height: inherit; position:…

    Asked by Haspid,

    0 votes
    6 answers

  3. Постоянное изменение left в jquery

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .text-jquery { margin: 0 0 0 30px; transition: 4s; } h1 { position: relative; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button id="as">Посчитать!</button> <button id="lol">Сместить!</button> <button id="lik"></bu…

    Asked by ErUnDAK,

    0 votes
    4 answers

  4. Неправильная работа margin-top у заголовка

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

    Asked by DeuS7,

    0 votes
    3 answers

  5. Переменные input

    Как сложить переменные, которые в таблице вставлены в <input>. Какой тег, или скрипт нужно использовать что бы получилась формула? Спасибо.

    Asked by YoungMoney,

    0 votes
    2 answers

  6. Проблема со сладером

    Некорректно работают кнопки left и right. Иногда right вообще перестаёт работать, если нажимать left. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .slider { border: 2px solid black; width: 300px; height: 60px; overflow: hidden; } #MySlider { position: relative; width: 400px; } #MySlider img { width: 60px; height: 60px; float: left; } #left { position: absolute; top: 205px; …

    Asked by ErUnDAK,

    0 votes
    2 answers

  7. Ссылка на другую html страницу со скролом

    Всем доброго времени суток. Есть такая задача, надо сделать ссылку на другую страницу. Но не просто на другу страницу а до определенного блока. Страница открылась и происходит скроил до начала нужного нам блока. Какими средствами можно такую задачу реализовать. Пните в нужную сторону, спасибо ^^

    Asked by Aleksandr.Bycyk,

    0 votes
    2 answers

  8. Как работает код

    Может мне кто-нибудь объяснить как работает данный код? Желательно поэтапно <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head><body> <button data-toggle-id="subscribe-mail"> Показать форму подписки </button> <form id="subscribe-mail" hidden> Ваша почта: <input type="email"> </form> <script> document.onclick = function(event) { var target = event.target; var id = target.getAttribute('data-toggle-id'); if (!id) return; var elem = document.getElementById(id); elem.hidden = !elem.hidden; }; </script> </body> </html>

    Asked by ErUnDAK,

    0 votes
    9 answers

  9. Проблема верстки с fixed div

    Необходимо, чтобы реагировал на клик сначала внутренний блок (CONTENT), а далее уже родительский (FIXED) Как это можно реализовать? Ссылка https://jsfiddle.net/ux7gknhk/1/

    Asked by reeffdasfsda,

    0 votes
    2 answers

  10. Веб-дизайн в андроиде

    Файл html не видет файл css в той же папке, хотя файл image из той же папки подключается. В третьем коде при выводе в браузер высвечивается тег <р>. Скрытый текст <link rel="stylesheet" href="style.css"> <img src="images/coast.jpg <p>Иванов А.А.<br><time datetime="10.06.2017T10:00">10 июня 2017 10:00</time></p>

    Asked by stilist,

    0 votes
    1 answer

  11. Цвет рамки вокруг кнопки

    Задаю цвет рамки вокруг кнопки, она получается темней чем надо, а при зажатии на ней появляется нужный цвет, как фиксануть ?

    Asked by instant,

    0 votes
    4 answers

  12. Расположение элементов

    Пытаюсь вот эти кнопочки сделать по макету, на картинках показано как при увеличении сдвигается нижний блок влево,а при уменьшении лепятся друг под друга. Как лучше решить эту проблему? Код у меня такой: https://jsfiddle.net/qcwh4L69/ Надеюсь нормально выложил.

    Asked by instant,

    0 votes
    0 answers

  13. Как в 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,

    0 votes
    3 answers

  14. Отступ Navbar Bootrstap

    Доброго. Проблема с элементом Bootstrap, а именно navbar. При добавлении элемента появляется негативный отступ до дальнейшего контента страницы. Как его убрать? <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-main" aria-expanded="false"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img sr…

    Asked by Скиф,

    0 votes
    9 answers

  15. SSl сертификат для домена 3-го уровня это реально???

    SSl сертификат для домена 3-го уровня реально получить где нибудь? На Cloudflare попробовал, не прокатило. Подскажите чтобы тупо не биться головой о стену.

    Asked by Alex_,

    0 votes
    7 answers

  16. Правильная разметка

    Подскажите пожалуйста, как сделать то же самое, но более оптимизировано и правильно. Мне кажется что тут лишние див'ы и можно было сделать проще!? https://jsfiddle.net/dd36susm/

    Asked by oleg126,

    0 votes
    1 answer

  17. Посоветуйте как сделать сужающуюся строку поиска при уменьшении разрешения.

    Помогите сделать сужающуюся строку поиска. Как на ya.ru при уменьшении окна браузера. Когда окно будет меньше 1024 пикселей. @media screen and (max-width:1024px)Что тут написать ??? что только не пробовал , не могу добиться эффекта. Все уезжает , все разъезжается ))) У меня задание скопировать яндекс и чтобы при размере менее 1024 пикселей он приобретал вид ya.ru.

    Asked by Coder-vasya,

    0 votes
    2 answers

  18. Как оформить переход на страницу "спасибо за покупку"?

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

    Asked by LanceVance,

    0 votes
    9 answers

  19. Не отображаются картинки в 'essential grid'

    Добрый день. Сайт на вордпрес, не понимаю что блокирует картинки плагина "Essential grid". Подскажите с решением, кто сталкивался. Сайт - http://airybeats.com/ Сразу после "Contact form".

    Asked by band1k,

    0 votes
    0 answers

  20. Вставить адрес почты

    Всем привет! Помогите новичку. Где-то ошибка, надо вставить адрес почты, что-бы активировать кнопку Отправить. Вернее она активна, просто ссылается не на почту. Вот часть кода <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,

    0 votes
    3 answers

  21. Адаптивное меню

    Ребят помогите советом. Есть адаптивное меню, не могу понять, почему оно снизу вверх открывается внуть хэдера. Нужно чтобы оно плавно вниз уходиле без изменения высоты самого блока. Что не так делаю ?

    Asked by brezze,

    0 votes
    2 answers

  22. Изображения выходят за пределы слайдера. Задание 100% ширины не выручает

    В конец сайта поставил слайдер. Сначала Owl Carousel, потом Slick. Но в обоих слайдерах изображения выходят за его пределы. Ставил 100% ширину абсолютно всем элементам, не спасает. Даже оборачивал <ul> в <div> греша на float, но не тут то дело

    Asked by iBars,

    0 votes
    1 answer

  23. Отступ у фона

    Всем привет, такая проблема, фон по какой-то причине делает отступ. Вот тут видна проблема. http://prntscr.com/fpt222 Если же применить border к контейнеру в котором находятся логотип и меню с иконками то все встает на свои места, но как только бордер убираешь, опять беспорядок. Вот с бордером: http://prntscr.com/fpt3j0 Код: https://jsfiddle.net/s78mt3m6/

    Asked by Crushing,

    0 votes
    11 answers

  24. счетчик работы сайта

    Добрый день! помогите пожалуйста со скриптом таймера(счетчика) тип времени работы компании. Требуют, чтобы было с годом, месяцем, днем, часами и т.д. Прошарил все сайты, не могу найти -- сделать, чтобы он он шел вперед... ПРИМЕР: "мы на рынке уже: 7 лет, 2 месяца, 3 дня, 4 часа, 2 минуты, 33 секунды" Напишите код, если не тяжело... Спасибо.

    Asked by M4TT,

    0 votes
    5 answers

  25. Как работает код данного массива?

    Дан код: var table = new Array(10); for(var i = 0; i < table.length; i++) table[i] = new Array(10); for(var row = 0, str = ''; row < table.length; row++) { for(var col = 0; col < table[row].length; col++) { table[row][col] = (row+1)*(col+1); str += table[row][col] + ' '; } console.log(str + '\n'); str = ''; } Я читал статью про массивы, знаю что значат квадратные скобки, но поясните мне пожалуйста как здесь в данном случае они работают, и в целом сам код?

    Asked by ErUnDAK,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept