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
-
<!DOCTYPE html>
При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.
0 votes19 answers -
flexbox особый вид элемента на Flexbox
zebra-tara.ru на главной странице есть блок с популярными товарами чтобы его организовать, мне пришлось делить список на две части. отдельно в своём контейнере выводится большой первый элемент и далее - остальные, тоже в flex контейнере можно добиться такого визуального представления как-то иначе (без разделения UL списка), когда первый элемент имеет большой размер? мне это потребуется, чтобы на малых разрешениях навесить на этот список owl carousel, а получается, что первый элемент оторван.. Полагаю, это можно как-то решить с колонками, а не строками, но мне этот фокус не удался
0 votes10 answers -
Отличается-ли bootstrap-sass от bootstrap-scss ?
Отличается-ли bootstrap-sass от bootstrap-scss ? Если я пишу код на scss а подключаю стили npm bootstrap-sass ? Делаю все это через npm.
0 votes4 answers -
Проблема с выпадающим меню, оказывает влияние на активные кнопки.
Добрый день! Подскажите как поправить код, дело в том когда я добавляю код на страницу его стиль цепляет другие активные кнопки на сайте Код: Скрытый текст <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <style> body { } .cm-e-menu1{background-color: #222; position: relative; z-index: 1000; color: #fff; font-weight: 200; box-shadow: 0 0 5px black; } ul { font: 1em/1.2em Helvetica, Arial, sans-serif; margin: 0; padding: 0; } ul li { } li { position: relative; display: inline-table; list-style: none; } li a { display: block; padding: 1em 1.2em; color: #ccc; text-decoration: n…
0 votes1 answer -
Как сделать отступы внутри div с параметром fixed?
Добрый вечер, не могу разобраться как сделать отступы с права и слева внутри div. Есть такой код html: <div class="footerPanel"> <div class="footerPanelPadding"> Footer </div> </div> И есть такой CSS: .footerPanel { position: fixed; bottom: 0; padding: 0 20px 20px 20px; width: 100%; } .footerPanelPadding { width: 100%; background: #2a2c30; } Слева отступ делается, а справа нет. Кто то сталкивался с такой задачей? Вот сайт на котором я это делаю: Перейти на сайт Там снизу страницы увидите проблему
0 votes2 answers -
Не могу настроить списки услуг
Добрый день, изучаю html & css, скачал макет и попытался настроить под себя взяв различные данные, но вот со списком во втором блоке ( перечень услуг) у меня не вышло, подскажите пожалуйста, как исправить и выравнить списки услуг? Хочу вставить еще один ряд услуг потом. Вот ссылка: https://tatufiesta.000webhostapp.com/
0 votes1 answer -
Сделать кружок списка с фоном при наведении на ссылку
При наведении на пункт меню нужно, чтобы кружок становился так же с фоном с ссылкой: http://joxi.ru/4AkkNXoFyD0yyA пробовал вместо li a, делать структуру a li но тогда вообще пропадает кружок: http://joxi.ru/vAWNQEKc1ZB1d2 придумал способ, просто вставить span с кружком, но как ему задать стили, чтобы был по центру? когда задаю ему фонтсайз, то он поверху становится http://joxi.ru/Drl1JxocvDGKJm Придумал! top: 20px; position: relative; Но конечно это костыль. Может можно сделать чтобы к li применялся фон и цвет при наведении на li a?
0 votes1 answer -
Как сделать отступ между Li:before и текстом
https://codepen.io/nikki4/pen/BGLNOQ Как в указанном примере расположить слово "текст1" по длинный?
0 votes2 answers -
Помогите в верстке
Здравствуйте. Я недавно начал учиться верстать сайты. И вот сегодня я столкнулся с проблемой. Мне нужно чтобы эти 4 картинки стали справа от текста. Но у меня получается что они становятся снизу кнопки. p/s пользуюсь flexbox. и еще, стоит ли начать изучать boostrap или же flex gird
0 votes4 answers -
Прижать таблицу к верхней части контейнера
Написал страничку: Скрытый текст <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>testPrj</title> <style> .wrapper { height: 100%; display: table; width: 100%; } .header { display: table-row; height: 1px; } .main { height: 100%; display: table; width: 100%; } .horizontalbar { display: table-row; height: 0px; } .box { display: table-cell; } .sidebar { width: 0px; …
0 votes1 answer -
Как убрать отступ после изображения
Помогите пожалуйста, мне надо, чтобы текст отображался внизу картинки БЕЗ ОТСТУПОВ, сразу после картинки.
0 votes3 answers -
Расстояние между текстовыми полями
Здравствуйте, начал изучать html, делаю "форму обратной связи", меня как перфекциониста раздражает расстояние между блоками текста "subject" и "message" очень сильно бросается в глаза, подскажите как можно выровнять? <form method="POST"> <fieldset> <legend>Форма обратной связи</legend> <input name="name" placeholder="Name" type="text" required/><br> <input name="email" placeholder="Email" type="email" required/><br> <input name="subject" placeholder="Subject" type="subject" required/><br> <textarea style="width:167px; height:36px;" name="message" placeholder="Message" required ></texta…
0 votes2 answers -
Кривая верстка страницы
Народ, выручайте! Получил курсовую работу на создание web-сайта абстрактного сервисного центра (кое как, с ней справился. хотя весь мой опыт - несколько сайтов-визиток, созданных много лет назад.). Не использовал какие-либо CMS, просто взял понравившийся шаблон на html, да перепилил его в Дримвивере. Поскольку тащил код отовсюду, вылезли косяки верстки (хотя, в том же Дримвивере, все было ок): Скриншот: Код страницы: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>Гарантийный ремонт</title> <script src="resources/scripts/jquery.min.js" type="text/javascript"></scr…
0 votes3 answers -
Расположение текста на странице
Помогите, пожалуйста, у меня текст расположен просто по ширине страницы, а надо, чтобы контент занимал 70% ширины страницы и был выровнен по середине с помощью CSS. В общем надо такой вид, как на изображении, что я прикрепила.
0 votes2 answers -
Не получается повторить стиль меню
Всем привет, помогите пожалуйста с такой проблемой, не получается повторить стиль активного пункта меню, как можно сделать чтобы он был по высоте чуть выше остальных пунктов?
0 votes4 answers -
:hover протекает внутрь дочернего, как починить?
Есть <span class="hider">. По :hover он должен показывать свое содержимое. Он может быть вложен в себя на любой глубине. Демо: https://jsfiddle.net/kzosd0wp/3 Проблема: когда срабатывает :hover на корневом .hider, все .hider на всю глубину показывают теги <a>, но не должны. Требуемое поведение: по :hover .hider показывает только свое содержимое и родительских hider, но не содержимое вложенных в него .hider. Сейчас при наведении курсора на внешний hider показывается лишняя ссылка, но не должна. Ее должно быть видно только при наведении на дочерний .hider. Селектор .hider:hover > a не выход, т.к. внутри .hider ссылка может быть…
0 votes4 answers -
<sup> в миксине jade
нужно чтобы через jade отобразились корректно "см2". Ну чтобы цифра 2 была мелкой и выше. В HTML делается с помощью тега <sup> Но как этот тег передать, если я передаю строку в миксин jade ? +input('name', 'Площадь, см2') +input('name', 'Площадь, см<sup>2</sup>') https://codepen.io/anon/pen/XoMXdj
0 votes1 answer -
Появление лишнего отступа в блоке
Здравствуйте! Есть небольшая проблема: имеется блок, в который вставляем строчные гиперссылки с изображениями внутри. Обнаружил, что в данном блоке появляется странный отступ снизу (зеленного цвета), от которого я не могу избавиться. Так как я новичок, то прошу помощи. Визуально проблему можно посмотреть здесь: https://jsfiddle.net. Проблема плевая, но я застрял . Заранее благодарю!
0 votes2 answers -
работа кнопок с условием ЕСЛИ
Прошу прощения, но нужна Ваша помощь. возможно ли сделать условие, при котором кнопки сверху, будут работать, типа если это город, один множитель, если это межгород другой множитель. Грубо говоря: если город стоимость остается как в формуле ниже, если межгород, умножается например на 2. <div class="switch"> <input type="radio" name="tax" value="1" id="q" class="input" checked> <label for="q" class="label">Город</label> <input type="radio" name="tax" value="2" id="w" class="input"> <label for="w" class="label">Межгород</label> </div> <input type="nomber" id="a" class="input…
0 votes12 answers -
justify-content: space-between - выравнивание элементов в нижнем ряду
Здравствуйте! Подскажите, пожалуйста, как избежать такой картины при justify-content: space-between: Хотелось бы, чтобы в нижнем ряду не было пустого пространства между элементами. Как вы избегаете такую проблему? http://jsfiddle.net/osfkzpvy/
0 votes17 answers -
Отступы
Почему кнопка вылазит за границу хедера? У хедере стоит минимальная высота 750px. Как бы я не игрался со свойствами, кнопка постоянно пересекает границу, словно имеет свойство position: absolute. Разве высота хедера не должна растягиваться пропорционально контенту?
0 votes5 answers -
Помогите сверстать блок
Здравствуйте, помогите, пожалуйста сверстать блок (в красной рамке). Как сделать слайдер на заднем фоне, и чтобы зеленая линия не смещалась при изменении размера окна?
0 votes1 answer -
Есть див с выпадающем меню и ссылкой на него
Есть див с выпадающем меню и ссылкой на него. Ширина меню намного больше ссылки. Проблема в том, что курсор срабатывает на строке ссылки по ширине меню.... Кто подскажет как избавиться от этого ?
0 votes8 answers -
высота блоков в HTML
Есть блок родитель в котором находятся два дочерних блока. У родителя display; flex. Какое значение нужно задать второму блоку, чтобы он растягивался вниз до высоты большего блока(который рядом с ним) и при этом контент не смещался
0 votes2 answers -
Линия через три блока
Добрый день, подскажите как реализовать такую линию, как показано на рисунке? Линия пересекает три блока, один из которых находится над ней?
0 votes2 answers