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
-
Верстка картинок списка шаблон Django
Как переместить картинку слева от категории списка? <ul class="dropdown-menu" data-navigation="dropdown-menu"> {% category_tree depth=2 as tree_categories %} <li><a tabindex="-1" href="{% url 'catalogue:index' %}">{% trans "All products" %}</a></li> {% if tree_categories %} <li class="divider"></li> {% for tree_category, info in tree_categories %} {% if info.has_children %} <li class="dropdown-submen…
0 votes1 answer -
bootstrap и нестандартная сетка
Допустим мне нужна нестандартная сетка (5, 7 и 11 рядов). Помойму можно пересобрать бутстрап с нужными параметрами. А можно ли задать такие параметры, чтоб была стандартная сетка бутсрап и кастомная (5, 7 и 11 рядов).
0 votes3 answers -
не показывает элемент через before
Почему когда я прописываю "Имя" через content для input ничего не выводится ? form — копия.html
0 votes5 answers -
Почему не работает Bootstrap 3 сетка без bootstrap. css?
Приветствую! В общем суть вопроса такова... Для того чтобы избавится от длинного css кода в Bootstrap (знаю можно сжимать файл, можно использовать только сетку, это всё не то) из файла bootstrap.css была взята часть кода для галереи таким образом, один только класс col-md-4, container и row. Все классы переписаны в другой css файл. <body> <div class="container"> <div class="row"> <div class="col-md-4">Content columns</div> <div class="col-md-4">Content columns</div> <div class="col-md-4">Content columns</div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plug…
0 votes1 answer -
Расплескалась синева по телефонным номерам
Edge упрямо выкрашивает телефонные номера на сайте resursmed.ru в синий цвет и добавляет подчеркивание: и в шапке, и в подвале, не взирая на стили. Как победить напасть?
0 votes3 answers -
Расширение блока под контент
Делаю лендинг страницу. Нашел на jQuerry фотогалерею, поставил все работает. Проблема в том что в ней используются блоки с position absolute внутри которых img, соотвественно блок div в котором находится фотогалерея имеет нулевую высоту и идущий за ним блок перекрывает фотогалерею.Поставить position: relative не выход т.к галеряю начинает работать коряво. Можно ли как-то сделать чтобы блок расширился под контент?
0 votes1 answer -
Можно ли сделать зеркальное отображение фоновой картинки на css?
Здравствуйте Возможно ли на css сделать зеркальное отображение фоновой картинки?
0 votes5 answers -
Приоритет селектора класса над селекторами типа
Здравствуйте! Изучаю html и css не так давно хотелось бы уяснить для себя один вопрос.. Почему в некоторых случаях селекторы типа все же имеют приоритет над селектором класса?? В литературе ( https://webref.ru/layout/learn-html-css) поясняется что селектор класса имеет больший вес специфичности, но так получается не всегда.. Ситуация для примера - https://jsfiddle.net/bnzgw6af/ . Заголовок <h2>, абзац <p> и ссылка <a> обернуты классом .hero, для которого применяется белый цвет. Отдельно же для заголовка и ссылки с помощью селекторов типа применяется зеленый.. Почему белый цвет действует только для абзаца? Ведь класс .hero охватывает и заголовок и абзац и…
0 votes2 answers -
Как сверстать блок в блоке?
Подскажите как сверстать...
0 votes2 answers -
Плавающее боковое меню дергается при скроле вниз
Салют товарищи! Беда скорее всего в CSS, так как такой же скрипт отлично работает на демо странице его автора. На сайте реализовано плавающее боковое меню, но оно, зараза дергается при скроле вниз. Когда вверх - все норм. Может там всё элементарно, да я туплю просто? Подскажите пожалуйста, в какую сторону копать хотя бы Страница с проблемой - https://virtualrift.net/games/ar/the_machines_mnogopolzovatelskaja_igra_v_dopolnennoj_realnosti_odobrennaja_samoj_apple/2-1-0-5003?lk6hKO Взято от суда - http://shpargalkablog.ru/2013/09/scroll-block.html#pr8 В демо, такой же скрипт работает гладко http://sticky01.blogspot.ru/2015/05/1.html
0 votes8 answers -
добавить еще один блок
Всем привет Помогите отредактировать html файл. Я пытаюсь добавить еще один блок <div class="de"> <div class="den"> <div class="dene"> <div class="denem"> <div class="deneme"> 19<span>.0</span><strong>°</strong> </div> </div> </div> </div> </div> Но этот блок не хочет становиться в одну строку. Скрытый текст <html> <head> <title>Temperatures</title> <link rel="stylesheet" type="text/css" href="./css/style.css" /> &l…
0 votes5 answers -
Верстка на мобильном в Хроме поехала
Добрый день. Подскажите, что не так с версткой, почему реклама в хроме на мобильном съезжает?
0 votes1 answer -
проблема с блоком
ребята, как сделать блок волнообразным как на макете
0 votes0 answers -
Необычная кнопка
Ребят, по ховеру круглая кнопка плавно трансформируется в кнопку с текстом. Где-то встречал на просторах интернета, но не могу найти сейчас. Возможно кто-нибудь кинет пример подобных кнопок ?
0 votes2 answers -
font-family
прописал код как в фотошопе: font-family:Mistral; но браузер отображает по другому, почему так?
0 votes1 answer -
что лучше - normalize.css или reset.css ?
что лучше? Или же каждый из них имеет свои + и - ?
0 votes14 answers -
Особенности background-size: cover
Необходимо указывать background: url из текста самой страницы, а также добавить свойство background-size: cover И вот что заметил - если background-size: cover поместить в стили, то он не работает, а если также на самой странице - то работает: <html> <head> <title>Background Size</title> <style> .true { width: 300px; height: 200px; border: 1px solid #888; } .false { width: 300px; height: 200px; border: 1px solid #888; background-size: cover; } </style> </head> <body> <div class="true" s…
0 votes2 answers -
Табличная верстка
Помогите решить проблему, не могу в ячейке td с помощью float разместить 2 блока <p> внутри которых картинка заголовок и абзац, один <p> стает нормально второй не хочет. как это возможно решить?
0 votes3 answers -
Вращабщиеся блоки
Добрый день! Хотелось бы получить пояснение о принципе работы механизма с "вращающимися блоками". А именно-к примеру, есть страница-приветствия, а в ней блок с аватаркой и кнопкой входа, нажав на которую весь блок визуально прокручивается вокруг своей оси. И появляется на месте блока с приветствием блок с формой входа. Надеюсь, что пример доступный и я буду понят... хотелось бы понять о принципе работы: как происходит подмена одного блока на другой, это реализовывается только на css с помощью преобразований и переходов/анимации или тут уже нужен JavaScript?
0 votes3 answers -
как растянуть картинку на всю ширину ячейки
как убрать эти пробелы под пингвинами? <!DOCTYPE html> <html> <head> <title>таблицы</title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> <link rel = "stylesheet" href = "styles.css"/> </head> <body> <table id = "main"> <tr> <td id = "header" colspan = "2">1</td> <tr/> <tr> <td id = "left"> <ul> <li>Главная</li> <li>Главная</li> <li>Главная</li> </ul> </td> <td> <h1 class = "title…
0 votes2 answers -
Bootstrap, 3 колонки в две строчки
Здравствуйте, Никак не могу найти причину почему колонки съезжают. Знаю, что одна колонка ниже остальных, но как это влияет на bootstrap не понимаю. Посмотрите пожалуйста? http://xn—-7sbqkbjlgtakdhickq1a2n.xn--p1ai/
0 votes6 answers -
Как в css прописать стиль текста для UL?
Здравствуйте, в верстке я новичок, поэтому не судите строго за вопрос. Сейчас я работаю над сайтом на WP. Мне нужно задать размер шрифта для всех элементов UL на страницах сайта. Как это лучше сделать?
0 votes1 answer -
Печать таблицы. Разрывается строка таблицы по середине.
Здравствуйте. При печати товарной накладной возникает разрыв таблицы прямо по тексту. Эта задача тривиальна, т.е. есть гарантированное решение? Или же каждый раз требуется индивидуальный подход? Пример: Пункт 9 разорвался, читать невозможно. Как видите, таблица справа копия таблицы слева. Располагаются в двух блоках DIV. Сверху, над таблицей, есть другие таблицы, разные по высоте. Поэтому эти две таблицы смещены по вертикали. Тогда, когда нет смещения, то и такой проблемы не возникает. Можно, наверное, выравнивать эти таблицы по вертикали, чтобы не происходил разрыв строки, но тогда будет возникать пустое пространство над одной из т…
0 votes1 answer -
из *.html файла не видит адрес css/style.css
Здравствуйте. В *.html файле прописываю адрес файла со стилем и когда он в корне папки он нормально открывается но если его кладу в папку css он его не видит почему то. вся страничка стразу разъезжается. подскажите пожалуйста. ОС win xp и на хостинге тоже такая же проблема
0 votes25 answers -
Не работает denwer
Скачал denwer, установил, запустил. Потом захожу на сайт localhost и вижу мне вылетает ошибка: Как это исправить? помогите пожалуйста. я в этом деле новичок просто искал как создать страницу вот и скачал это!!! И как видите зря ведь получил только ошибку!!!
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-