HTML Coding

Followers 0

Subforums

Discussion of works

Source code audit and recommendations

30.1k

posts
Practise Templates

Templates for self education and practise

1k

posts

Ask a question

Explore Questions

Popular questions from the past month
Questions with no best answer

There are no popular questions to show right now

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

Asked by Mondeus, November 13, 2023
0 votes

0 answers
Примеры верстки

Asked by torsar, November 3, 2023

0 votes

0 answers
Список покидает див

Asked by DeZ, October 24, 2023

0 votes

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

Asked by ArrogantSpectator, September 16, 2023

0 votes

1 answer
Html кнопка

Asked by НикитаL, August 31, 2023

0 votes

3 answers

29,542 questions in this forum

Личный планировщик со статистикой. Нужна ли база данных?

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

3 answers
Показать 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
Реализация баттона с чекбоксом в 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
позиционирование формы

Ребят подскажите как отпозоционировать 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
Интересная реализация бордера

Как реализовать подобное через border-radius или другие варианты решения?
Asked by ErUnDAK, July 8, 2017
- html
- css
0 votes

4 answers
Нужна помощь с чекбоксами

столкнулся с такой проблемой, имеем форму <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
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
Прилипание текста к картинке

Прошу помощь, надо, чтобы в тексте были размещены небольшие картинки, которые обтекает текст. При наведении на картинку, она увеличивается до реальных размеров. Собственно сделал всё, чтобы так и было, но между блоком с маленькой картинкой и обтекаемым текстом нет отступов. Текст полностью прилипает к маленькой картинке. Как сделать, чтобы отступы появились. Снизу мой код и стили. <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
Выравнивание блоков

<!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
Как оформить переход на страницу "спасибо за покупку"?

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

Asked by LanceVance, July 6, 2017

0 votes

9 answers
Наложение картинки на кнопки

Ребят здравствуйте, возникла небольшая проблема верстаю в общем то не сложный макет, но так как я новичок и толком еще ничего не умею, не знаю как решить эту проблему есть контейнер с 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
Знакомство с CMS - с чего начать?

Здравствуйте. Я начинающий верстальщик, и, в принципе, могу сверстать сайт по макету с нуля. Но я понятия не имею, как происходит наполнение моего сайта контентом, кто этим занимается, и какова моя роль как верстальщика в этом процессе. Должен ли я каким-то специальным образом подготавливать свою верстку, или это уже вне моей компетенции? И если да, то что конкретно я должен знать об этом, как простой верстальщик? С чего начать и где копать?
Asked by aspirin37, July 4, 2017
- cms
- html
- верстка
- css
0 votes

0 answers
Не работает обрезка 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
Как сверстать эту секцию?

Всем привет. Вопрос: как сверстать данную секцию? prntscr.com/fr8b96 Заранее спасибо за ответы. Как сделать что бы иконка была слева, а текст справа я уже знаю. А вот как сделать это все дело в ряд до меня не доходит Возможно просто недостаточно знаний для этого.
Asked by Crushing, July 3, 2017
- html
- css
0 votes

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

У меня стоит простой бутстраповский аккордеон, при нажатии открывается одна и закрывается другая скрытая информация. Но есть проблема, когда в скрытом содержимом большое количество информации, при попытке открытии следующей, аккордеон сдвигается наверх. Нужен скрипт для фиксированного заголовка аккордеона. Смогли бы вы помочь с этим? 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
Как расставить ссылки равномерно.

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

Asked by tatunserg, July 3, 2017

0 votes

2 answers
Возврещение объёкта на место при повторном нажатии

$("#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
Непрозрачность для картинки

Подскажите пожалуйста, почему не работает прозрачность? Смысл такой, у меня есть картинка фоновая и я хочу сделать прозрачность, но почему то не работает!? .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
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
Ошибка в 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
Отображение объекта.

$("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
Условие на JavaScript по URL

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

Asked by volshebnyi, July 2, 2017

0 votes

12 answers
Удаление рамки вокруг изображения.

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

Asked by KJL, July 1, 2017

0 votes

3 answers
значок тега

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

Asked by cyklop77, July 1, 2017

0 votes

3 answers
проблема с "таблица в bootstrap"

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

3 answers

Mark forum as read

Followers 0

Обсуждения
- Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене
  
  By Nikker · Posted May 31
  
  Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
- Брендовый дизайн в социальных сетях
  
  By Nikker · Posted May 31
  
  Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
- Вёрстка футера на движке Xenforo
  
  By Mondeus · Posted November 13, 2023
  
  Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }
- Примеры верстки
  
  By torsar · Posted November 3, 2023
  
  Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
- Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?
  
  By Katerina23 · Posted October 25, 2023
  
  Да, подходит. Спасибо.
- Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?
  
  By Switch74 · Posted October 25, 2023
  
  <input type="number">
- Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?
  
  By Katerina23 · Posted October 25, 2023
  
  Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.

Sign In

HTML Coding

Subforums

Discussion of works

Practise Templates

Explore Questions

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

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

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

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

Html кнопка

29,542 questions in this forum

Личный планировщик со статистикой. Нужна ли база данных?

Показать input при конкретном option

Реализация баттона с чекбоксом в Bootstrap 4

позиционирование формы

Интересная реализация бордера

Нужна помощь с чекбоксами

pug и sass: как сдают верстку и заливают на сервер?

Прилипание текста к картинке

Выравнивание блоков

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

Наложение картинки на кнопки

Знакомство с CMS - с чего начать?

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

Как сверстать эту секцию?

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

Как расставить ссылки равномерно.

Возврещение объёкта на место при повторном нажатии

Непрозрачность для картинки

CSS сетки

Ошибка в sass - Autoprefixer: Missed semicolon

Отображение объекта.

Условие на JavaScript по URL

Удаление рамки вокруг изображения.

значок тега

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

Обсуждения

Forums

Important Information