HTML Coding

29542 questions in this forum

1. проблема с "таблица в bootstrap"

   Проблема в таблицах bootstrap, то есть таблица выводится вся и с bootstrap делиться на страницы для сокращения и удобства в использование! так вот есть в таблица, и в них, используются ссылки такого вида id (<a id="rank">rank</a>) при клике срабатывает скрипт, на главной странице где по стандарту 10 строк выводит все работает,но стоит перелистнуть страницу перестает работать,(так же с "user-table_length") остальные с помощью bootstrap перенесены на другие стр.. там id click не работает пример таблицы, может кто видел

   Asked by almazik2016, June 30, 2017

   • проблема
   • таблиц
   • bootstrap
   • id
   0 votes
   3 answers
2. значок тега

   никто не пробовал сверстать значок тега(например такой как на этом форуме под каждой темой) только средствами html/css ? если да, то поделитесь пожалуйста способом или хотя бы идеей желательно чтобы была возможность менять цвет заливки и толщину границы

   Asked by cyklop77, July 1, 2017

   0 votes
   3 answers
3. Скроллинг при нажатии на заголовок (вертикальный аккордеон)

   У меня стоит простой бутстраповский аккордеон, при нажатии открывается одна и закрывается другая скрытая информация. Но есть проблема, когда в скрытом содержимом большое количество информации, при попытке открытии следующей, аккордеон сдвигается наверх. Нужен скрипт для фиксированного заголовка аккордеона. Смогли бы вы помочь с этим? Cнизу код html <div class="panel-group accordion" id="panel-651270"> <div class="panel panel-default"> <div id="yazyk-kurs" class="panel-heading"> <i class="fa fa-globe fa-lg" aria-hidden="true"></i> <a class="panel-title colla…

   Asked by guumee, July 3, 2017

   • аккордеон
   • бутстрап
   • скроллинг
   0 votes
   0 answers
4. Удаление рамки вокруг изображения.

   Добрый день, нужен совет шарящего человека в CSS3 (я думаю даже базовых знаний хватит). У меня вокруг изображения установлена рамка (обычный border). При наведении на изображение рамка должна пропадать, при этом изображение должно оставаться на месте. Я к классу приписывал hover, пытался указать там border:none, но при таком раскладе когда пропадает рамка изображение дергается, когда рамка пропадает (визуально, ведь рамка правда пропадает, тем самым я вижу что изображение сдвигается куда-то вниз, куда-то влево и т.п.) В общем, мне нужно чтобы при наведении на изображение рамка пропадала, но при этом изображение оставалось на месте. а не возвращалось на ту позицию, где бы …

   Asked by KJL, July 1, 2017

   0 votes
   3 answers
5. Условие на JavaScript по URL

   Здравствуйте! Подскажите, пожалуйста, как написать на чистом JavaScript такое условие: Если в url нет символа ? (знака вопроса), то "fieldset.filter-item a" присвоить класс current Заранее благодарен за помощь!

   Asked by volshebnyi, July 2, 2017

   0 votes
   12 answers
6. Отображение объекта.

   $("button#lol").on('click', function(){ var s = document.getElementById("val1"); var c = document.getElementById("val2"); s.hidden = !s.hidden; c.hidden = !c.hidden; }); В данном коде у объекта с айди val 1, val2 есть аттрибут отображения hidden. Почему изначально объекты на html-страницы скрыты, когда я им этот пустой аттрибут задаю, хотя по стандарту они должны отображаться? Как сделать скрытым и снова открыть объект?

   Asked by ErUnDAK, July 2, 2017

   • javascript
   • html
   • jquery
   0 votes
   3 answers
7. Ошибка в sass - Autoprefixer: Missed semicolon

   Всем привет! Такая ошибка - при сохранение стилей в основном файле sass все отлично, а вот если подключать отдельные файлы, например, _header.sass при сохранение выскакивает ошибка - Autoprefixer: Missed semicolon! Точка с запятой все стоит нормально, компилит если несколько раз нажать сохранить, но всегда выскакивает эта ошибка! Вот моя сборка: https://paste.ofcode.org/sLuKmekW88cFusdQPeFaPV ! Помогите пжл)

   Asked by Илья Владимирович, July 2, 2017

   • gulp
   • css
   • html
   • sass
   0 votes
   7 answers
8. CSS сетки

   В css сетках есть такое понятие как колонки, во фреймворке бутстрап их кол-во равно 12, в стилях им прописывают следующие ширины: Скрытый текст .col-12 { width: 100%; } .col-11 { width: 91.66666667%; } .col-10 { width: 83.33333333%; } .col-9 { width: 75%; } .col-8 { width: 66.66666667%; } .col-7 { width: 58.33333333%; } .col-6 { width: 50%; } .col-5 { width: 41.66666667%; } .col-4 { width: 33.33333333%; } .col-3 { width: 25%; } .col-2 { width: 16.66666667%; } .col-1 { width: 8.33333333%; } Так вот, откуда берутся эти ширины? Если я разделю 100…

   Asked by Hasiev, July 2, 2017

   0 votes
   9 answers
9. Непрозрачность для картинки

   Подскажите пожалуйста, почему не работает прозрачность? Смысл такой, у меня есть картинка фоновая и я хочу сделать прозрачность, но почему то не работает!? .get_in_touch{ background: url(../img/your_project_img.png) no-repeat top /cover; padding: 90px 0 40px 0; background-color: rgba(255,0,0,0.75); } <section class="get_in_touch"> <p>Do you like <span>our work</span> so far?<br> Let's talk about <span>your project</span>!</p> <a class="button" href="#">Get in Touch</a> </section> .get_in_touch{ background: url(../img/your_project_img.png) no-repeat top /cover; padding: 90px…

   Asked by oleg126, July 2, 2017

   0 votes
   4 answers
10. Возврещение объёкта на место при повторном нажатии

    $("#lik").on('click', function() { var i = parseInt($("h1").css('margin-left')); i = i + parseInt($(this).attr('data-move')); $("h1").animate({marginLeft: i}, 0200) }); Дан код jquery, в котором по нажатию на кнопку происходит смещение оступа влево по значению аттрибута data-move. Вопрос: как мне написать код, чтобы при следующем нажатии после смещения он возвращал значение на место?

    Asked by ErUnDAK, July 3, 2017

    • jquery
    • javascript
    0 votes
    6 answers
11. Как расставить ссылки равномерно.

    Учусь делать шапку. Так вот,одна проблема мне не даёт покоя,где я только не искал : Файлы Хочу чтоб 3 ссылки в блоке располагались равномерно.Я уже и дивы и спаны и списки пробовал,и всякие команды типа дисплей,текст-аллайн и тп Но получается только или в середине кучкой,или слева.

    Asked by tatunserg, July 3, 2017

    0 votes
    2 answers
12. Не работает обрезка clip-path для анимированного элемента с transform в Chrome и Opera

    Здравствуйте. Прошу помочь в решении следующей задачи: Имеется родительский элемент со свойством clip-path и дочерний элемент с анимацией: Для примера: HTML <div id="logoimage-waves"> <div id="waves-animated"></div> </div> <svg> <clipPath id="WavesPolygon"> <polygon points="0 0,95 0,95 8,80 5,60 10,40 15,20 20"> </polygon> </clipPath> </svg> CSS #logoimage-waves { width: 100px; height: 100px; clip-path: url("#WavesPolygon"); -webkit-clip-path: polygon(0px 0px,95px 0px,95px 8px,80px 5px,60px 10px,40px 15px,20px 20px); p…

    Asked by chester40, July 4, 2017

    • css
    • html
    • clip-path
    • анимация
    • transform
    0 votes
    7 answers
13. Как адаптировать такой элемент ?

    Помогите адаптировать такой странный на мой взгляд элемент. Я понятия не имею как такое адаптировать, макет только для десктопа.

    Asked by Аришан, March 5, 2019

    0 votes
    7 answers
14. Знакомство с CMS - с чего начать?

    Здравствуйте. Я начинающий верстальщик, и, в принципе, могу сверстать сайт по макету с нуля. Но я понятия не имею, как происходит наполнение моего сайта контентом, кто этим занимается, и какова моя роль как верстальщика в этом процессе. Должен ли я каким-то специальным образом подготавливать свою верстку, или это уже вне моей компетенции? И если да, то что конкретно я должен знать об этом, как простой верстальщик? С чего начать и где копать?

    Asked by aspirin37, July 4, 2017

    • cms
    • html
    • верстка
    • css
    0 votes
    0 answers
15. Наложение картинки на кнопки

    Ребят здравствуйте, возникла небольшая проблема верстаю в общем то не сложный макет, но так как я новичок и толком еще ничего не умею, не знаю как решить эту проблему есть контейнер с 2 кнопками и картинкой согласно дизайна (скрин 1) кнопки должны быть внизу картинки но при верстке картинка на них наслаивается и кнопки не реагируют на нажатия (на скрине 2 видно) пробовал и z-index использовать ничего не выходит какие есть еще способы код HTML <div class="banner"> <a href="#" class="button_left"> <img src="images/button-left.png" alt=""> </a> …

    Asked by Евгений_SB, July 4, 2017

    0 votes
    2 answers
16. Выравнивание блоков

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>FlexBox</title> <style> body { padding: 0; margin: 0; } .container { position: absolute; background: red; width: 40%; word-break: break-all; padding: 5px 5px; margin: 60px auto 0 5%; } .lol { width: 400px; height: 400px; background: black; margin: 7.1% auto 0 50%; } </style> </head> <body> <div class="container"> <span> Husbands ask repeated resolved but laughter debating. She end cordial visitor noisier fat subject general picture. Or if offering confined entrance no. Nay…

    Asked by ErUnDAK, July 6, 2017

    • html
    • css
    0 votes
    4 answers
17. Нужна помощь с чекбоксами

    столкнулся с такой проблемой, имеем форму <form action="action.php" method="POST"> ,в ней находятся около 130 чекбоксов, все в разных divах, чекбоксы имеют вид <label><input type="checkbox" name="id_1" class ="list" value ="#EXTINF:0,UA:Перший http://puuuuruuuu.ps/pershiy/mpegts"> <span class="spanchik"> <img title="UA:Перший / Эра" data-id="1" alt="UA:Перший / Эра" src="images/inf/1pershiy.png" style="max-width: 100%;max-height: 90%;width:auto;"> </span> </label> у каждого чекбокса свой name="id_1" , "id_2" и по нарастающей. Так к чему я веду, сколько гугла не перегуглил, не могу найти информацию о том, как сделать кнопки…

    Asked by JeraxXai, July 8, 2017

    • checkbox
    • check
    • checked
    • input
    • label
    • script
    0 votes
    3 answers
18. Прилипание текста к картинке

    Прошу помощь, надо, чтобы в тексте были размещены небольшие картинки, которые обтекает текст. При наведении на картинку, она увеличивается до реальных размеров. Собственно сделал всё, чтобы так и было, но между блоком с маленькой картинкой и обтекаемым текстом нет отступов. Текст полностью прилипает к маленькой картинке. Как сделать, чтобы отступы появились. Снизу мой код и стили. <body> <div class="post"> <div class="tema"> <p>Длинный текст</p> <a class="thumbnail" href="#"><img src="1.jpg" width="20%" border="0" align="left"/><span><img src="1.jpg"/></span></a&g…

    Asked by k1fazoid, July 6, 2017

    0 votes
    1 answer
19. pug и sass: как сдают верстку и заливают на сервер?

    1. Как принято сдавать верстку, если пользуешься, например, pug и sass? До их появления я предоставляла html, css и т.п. Сейчас осваиваю инструменты, но из-за компиляции непонятно, какие файлы теперь отправляют клиенту? 2. В каком виде готовую верстку закачивают на сервер? Например, сайт без CMS: просто готовые html+css+js? Но тогда их менее удобно править при необходимости. Или на сервер как-то компилятор ставят? А если натягивать на CMS, то тогда как быть? Чувствую, для большинства участников форума это очевидные вещи. Подскажите, как хотя бы называется эта тема, чтобы погуглить. Всё, что находила сама — не по теме.

    Asked by Svetlana_P, July 7, 2017

    • pug
    • sass
    0 votes
    20 answers
20. Личный планировщик со статистикой. Нужна ли база данных?

    Добрый день. Я не программист, но люблю программировать. Родилась в голове идея: сделать в порядке саморазвития в web, а также для самоконтроля - такую штуку. Будет находиться у меня на сайте, я смогу вбивать туда все траты по категориям. Например, купил в Ашане шоколад, огурцы и хлеб. Нажал кнопку - вылезло окно, выбрал "сладости, овощи, хлеб" (или как-то так, категории придумаю). Вбил цены. Зарплату тоже буду вносить, неофициальные всякие деньги в отдельную категорию. В итоге цель: к примеру, показать список потраченных средств за год на сладости. Или за месяц на "Прочее". Чтобы по дате можно было посмотреть что и как. И заработанное. Потом прикручу в тел…

    Asked by keltkelt, July 9, 2017

    • базы данных
    • сервис
    • для себя
    0 votes
    3 answers
21. Интересная реализация бордера

    Как реализовать подобное через border-radius или другие варианты решения?

    Asked by ErUnDAK, July 8, 2017

    • html
    • css
    0 votes
    4 answers
22. Блоки наезжают друг на друга (FireFox)

    Всем привет! Есть страница: http://krls.beta3.ceteralabs.com/ На ней баннер, который под видео, закрывает собой текстовый слайдер (подробнее во вложении) а браузере FireFox. В Chrom'е всё нормально. Подскажите, где тут CSS подправить можно? Ещё к странице подключено app.js , там тоже стили прописаны, но почему то для FireFox они не срабатывают. Помогите пожалуйста

    Asked by fenix_63, July 11, 2017

    • кроссбраузерная верстка
    • firefox
    • верстка
    0 votes
    3 answers
23. позиционирование формы

    Ребят подскажите как отпозоционировать input и option что бы они были на одном уровне и одинакового размера,кучу видосов посмотрел на ютубе но там никто не объясняет толком как и почему <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <form action="#" method="post"> <p><label for="name">Name: <input type="text"></label></p> <p><label for="passvord">Passvord: <input type="text"></label></p> <p><label for="forza">Forza:</label> <select name="nav" id…

    Asked by Евгений_SB, July 8, 2017

    0 votes
    6 answers
24. Реализация баттона с чекбоксом в Bootstrap 4

    Всем привет, На сайт с Bootstrap v4.0.0-alpha.6 пытаюсь перенести реализацию баттона с чекбоксом из Bootstrap 3.3 live там логин по умолчанию - кнопка рядом с инпутом для загрузки картинок Код : <div data-toggle="buttons" class=" "> <label class="btn btn-primary btn-sm padding_sm" aria-pressed="false"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>Clear </label> </div> С определением only_checkbox в style: input.only_checkbox:not(:checked) + .fa-check { visibility: hidden !i…

    Asked by mstdmstd, July 8, 2017

    0 votes
    10 answers
25. Показать input при конкретном option

    Есть код <select> <option value="1">One</option> <option value="2">Two</option> </select> <input type="text" name="unnamed" /> Возможно ли в 2017 году сделать, чтобы input был виден только при выбранном <option value="2">, исключительно с помощью CSS? Трюк с чекбоксом не выходит - <label for=""> в выпадающем списке браузеры (тестил в FF) игнорируют.

    Asked by 7ion, July 9, 2017

    0 votes
    3 answers