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
-
Container в Bootstrap
Всем привет) Самостоятельно обучаюсь верстке. Сейчас изучаю Bootstrap и столкнулась с такой проблемой: <header> <nav> <div class="container"> <ul class="menu"> <li class="menu-item"><a href="#" class="menu-link">Пункт меню</a></li> ... <li class="menu-item"><a href="#" class="menu-link">Пункт меню</a></li> </ul> </div> </nav> </header> Использую в верстке стандартный контейнер из Bootstrap'а. Его стили не трогаю. Сейчас корплю над адаптивн…
0 votes1 answer -
Почему же не работает class?
Ребятки, помогите пожалуйста. Не могу понять, почему же не работает class?Помогите пожалуйста, я тупо не могу понять, почему же....
0 votes4 answers -
Зачем нужны meta теги?
Я вообще не вдупляю что такое мета, и что делают атрибуты. Пожалуйста объясните тупому.
0 votes1 answer -
Бутстрап и vue?
Можно ли сочетать сабж? А бутстрап, vue и Laravel?
0 votes1 answer -
footer "прилип" к основному блоку
Обратите внимание, я прописал, чтоб от основного блока "cart__main" вниз был внешний отступ 50px, но оно не отступает, более того, произошла какая-то странная вещь, которую я не могу описать (смотрите на оранжевый фон, который выделяет margin)... На всех остальных страницах footer выглядит отлично, как я и хочу, а тут вот какая-то проблемка приключилась( Проблему решил, не дописал закрывающий div в конце, из-за чего footer поместился в основной блок!
0 votes0 answers -
Hover, всплывающий блок внутри блока
https://jsfiddle.net/7gb0chpj/ Чтоб при наведении на block2 всплывал PopUp Block внутри block1. Можно запедалить на чистом css3 без js?
0 votes4 answers -
Не меняется ширина объекта
Прописал в CSS ширину, а оно ни в какое не хочет меняться, если вставить в этот блок текст, то оно будет подстраивать ширину под него... что с этим можно сделать, в чем может быть проблема?
0 votes4 answers -
Обтекание картинки. Список: картинка + описание.
Ребята хорошие и отзывчивые, привет) есть задача кровь из носу, но я в верстке не алё. Вошли и вышли, приключение на 10 минут. Суть: Необходимо из вот такого http://joxi.ru/YmEvbJOCB1XyL2 сделать такое http://joxi.ru/krDwbJ3Tg7njXA Как, что и куда написать, но МАКСИМАЛЬНО ПРОСТО?
0 votes1 answer -
Как понять некоторые селекторы Bootstrap 4
1 .btn-success.disabled или .btn-outline-info.focus Что значит вторая точка? Это класс disabled и focus? 2. .btn-outline-secondary:not(:disabled):not(.disabled):active Как это понять?
0 votes3 answers -
Иконки для соцсетей
Ищу сабж. Собсна нужно fb, insta. viber, telega. И другие. Чтоб подключались просто (link css и дальше работаешь). Чтоб юзались просто: <i class="ico ico-facebook" aria-hidden="true"></i>
0 votes1 answer -
Анимация - процесс идет
Во время ajax - запроса нужно отображать иконку - анимацию, мол "Процесс идет". Часики песочные или точки бегают по кругу (как в винде) или тп. Где качнуть такоя?
0 votes1 answer -
Ограничение по ходам в игре "Виселица"
Всем привет! Помогите, пожалуйста, добавить в код ограничение по ходам, если возможно как-нибудь проще. В инете находила решения, но с ними код всё равно не работает как положено. Заранее спасибо!! https://jsfiddle.net/6zjoLpnt/1/
0 votes0 answers -
Модальное окно не работает
Не работает модальное окно, подскажите пожалуйста в чем может быть причина. <body> <header> <div class="container"> <div class="row"> <div class="col-12"> <h1 class="text-center text-white">************</h1> <div class="itd_play btn btn-primary" data-toggle="modal" data-target="#myModal"> <div class="itd_triangle"></div> </div> <a href="#footer" class="btn…
0 votes1 answer -
Таблицы и изменение фона через псевдокласс :hover
<div class="selectors"> <table class="table"> <thead> <tr> <th>Teams</th> <th>Capitains</th> <th>AWPers</th> <th>Riflers</th> <th>Riflers</th> <th>Supports</th> </tr> </thead> <tbody> <tr> <td class="navi">Na'Vi</td> <td class="gambit">Nafany</td> <td class="vp">Jame</td> <td class="gambit">Axile</td> <td class="spi…
0 votes1 answer -
Почему не работает min-height: 50%
Вот код https://codepen.io/lrenzlui-the-sasster/full/abwGbPG
0 votes2 answers -
почему не работает @media ?
body { background-attachment: fixed; transition: .1s ease-out; padding: 0; margin: 0; } .mouse-parallax { overflow-x: hidden; } .mouse-parallax-bg { position: absolute; background-repeat: no-repeat; background-size: cover; width: 105%; height: 105%; transition: all 0.1s ease; background-image: url(/img/backgroundimage.jpg); background-color: black; background-position: center; } .btn { color: rgba(255, 255, 255, 0.993); cursor: pointer; …
0 votes1 answer -
Вопрос про вывод данных в alert
Всем привет! Подскажите, пожалуйста, почему alert выводит 'you are under 18!', затем 'you are more than 18!', а 'you are 18!' пропускает. Имею в виду, если вводить 18, то ок, но если просто нажимать "ок", то как раз 'you are 18!' пропадает. https://jsfiddle.net/4murgp2c/6/ И вот здесь https://jsfiddle.net/4murgp2c/10/ при выборе "ok" alert не должен был предотвратить вывод следующего значения (bad), который по идее должен выводиться только при нажатии на отмену? https://jsfiddle.net/4murgp2c/12/ Здесь какая-то простая ошибка, но моему глазу не видна. Вписываю "you" good не появляется. Заранее спасибо. Такие, возможно, очевидны…
0 votes3 answers -
Как работает "background-size"?
Почему когда я вставляю фон в CSS через свойство background- size и прописываю значения cover у меня картинка обрезается, такого вроде не было. приходится прописывать значение contain, но обхватывает не весь контейнер/страницу
0 votes1 answer -
Как сделать вход на сайт с помощью пароля
Здравствуйте, пишу сайт для личных нужд и требуется входить на сайт с помощью паролей. Но так это должно работать, чтобы от каждого пароля открывался свой личный кабинет с не большим изменением контента страницы. В общем принцип социальной сети... Помогите пожалуйста разобраться как это прописать? Подробно могу попробовать рассказать написавшим на почту deryabkin.sergey@yandex.ru .
0 votes1 answer -
Меню Uikit3
Доброго времени суток. css html от Uikit3 Панель горизонтального меню не переносит пункты. <nav class="uk-navbar-container" uk-navbar> Когда добавляются много пунктов меню, они растягиваются и выходят за экран. Я понимаю что столько пунктов в меню не добавляют, но все же, так быть не должно. Может кто сталкивался, подскажите как исправить, чтобы пункты переносились на следующую строку?
0 votes2 answers -
Не отображается картинка
не отображается картинка в хтмл. она какбы есть такой квадратик появляется но самой картинки нет
0 votes2 answers -
Я не знаю как "Это" создать многое перепробовал - не получилось.
Как в верстке создать этот объект?🤔 (Углы по 60 градусов - то есть треугольник равносторонний)
0 votes1 answer -
Шапка
Добрый вечер, возможно кому то покажется вопрос глупым, но все же, как тут сделать шапку профиля? Пытался использовать знания пройденного урока, но особо ничего не выходит, всё криво, пробовал выравнивать с помощью "float"...
0 votes1 answer -
Не работает внутренний отступ в верстки. Моих знаний недостаточно для решение этой проблемы, надеюсь на вашу помощью.
Моих знаний недостаточно для решение этой проблемы, надеюсь на вашу помощью. Как можно было нагуглить, какие еще недочеты в моём коде ? index.html style.css
0 votes1 answer -
Позиционирование
Не могу плотно расположить лого сверху. Вот как задумано:
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-