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
29542 questions in this forum
-
Не отображается картинка в теге <a>
Такая конструкция работает нормально <img src="/img/logo.png" alt="Logo" /> Перестает работать внутри контейнера <a>. И локально и на хостинге, картинка не отображается <a href="/index.html> <img src="/img/logo.png" alt="Logo" /> </a>
0 votes2 answers -
Нужен совет как правильно сверстать блок
Добрый день! Собираюсь переверстать сайт http://goods4fest.ru/ и нужен совет как будет правильно, лучше и тд сверстать блок, который под слоганом и лого. Можно ли будет использовать svg для создания трех фоновых фигур? Буду рад любым советам, спасибо!
0 votes1 answer -
Не получается повторить стиль меню
Всем привет, помогите пожалуйста с такой проблемой, не получается повторить стиль активного пункта меню, как можно сделать чтобы он был по высоте чуть выше остальных пунктов?
0 votes4 answers -
Текст не находится по центру кнопки, хотя должен
На главной странице сделал небольшое меню, для того что бы пользователям было проще сразу перейти к нужной странице, но текст почему-то смещён немного вправо, хотя тег <center> присутсвует <center> <div id="navigation"> <a href="pages\news.html">Новости</a> <a href="pages\story.html">Лор</a> <a href="pages\forum.html">Чат</a> <a href="pages\materials.html">Материалы</a> <a href="https://worldofwarcraft.com" target="_blank">Сайт World Of Warcraft</a> <a href="https://www.blizza…
0 votes1 answer -
Проблема с размещением li
Простите может за глупый вопрос ,я еще новичок в этом деле . Проблема в том что я зафиксировал шапку -position: fixed; в хедере и все работало нормально . Но когда я добавил текст на страницу все элементы смешались в один . Создавал пункты для шапки с помощью( a) заключенных в (li). Заранее спасибо !!! Р.С могу дослать фото кода , если нужно .
0 votes1 answer -
JavaScript В браузере не выводятся всплывающие окна c с запросами.
Здравствуйте.Возникла проблема со следующим заданием:вывести всплывающее окно, запрашивающее имя пользователя, затем вывести сегодняшнюю дату на экран(её можно увидеть после всего цикла окон),потом задать вопрос касательно обучения в группе(если да-цикл продолжается, нет-вывести окно с отказом),далее ещё одно вводное окно,а потом через всплывающие окна запросить у пользователся значения a,b,c для решения квадратного уравнения.Суть проблемы:как только после if-а, отвечающего за запрос о принадлежности к группе,браузер перестаёт отображать остальные окна и простую инфу о дате,которая просто выводится на экран. Подскажите,пожалуйста,как можно пофиксить эту проблему.Всё ника…
0 votes2 answers -
Как при нажатии на копку выводился в модальном окне скрипт
Как при нажатии на копку выводился в модальном окне скрипт? <button type="button" class="close position-absolute r-0 t-0" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" class="icon svg-secondary" src="images/gallery/icons/cross.svg" alt=""><path d="m8.07106781 6.65685425 5.65685429-5.65685425 1.4142135 1.41421356-5.65685423 5.65685425 5.65685423 5.65685429-1.4142135 1.4142135-5.65685429-5.65685423-5.65685425 5.65685423-1.41421356-1.4142135 5.65685425-5.65685429-5.65685425-5.65685425 1.41421356-1.41421356z" fill-rule="evenodd" class=""></path></svg></button>…
0 votes0 answers -
Перенос части текста из первого конейтнер во второй
Как перенести, часть текста во второй контейнер, если в первом закончилось места, а то текст выходит за границы контейнера? Вот пример: Код <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5</title> <style> .page {width:100px; height:100px; background-color:yellow;} .page2 {margin-top:-100px;margin-left:100px;width:100px; height:100px; background-color:red;} </style> </head> <body> <div class="page">Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир!</div> <div class="page2"></div> </body> </htm…
0 votes3 answers -
небольшое html окно
Добры день! Подскажите пожалуйста, или неправильно формулирую запрос или туплю? Нужно простое всплывающее html окно с крестиком или кнопкой "ЗАКРЫТЬ" масштабом в 2/3 от стандартного. Например, у товара есть кнопка "ПОДРОБНЕЕ", хочу сделать, что бы открывалось окно с описанием и фото. СПАСИБО!
0 votes2 answers -
Как сделать высоту "a" по высоте родителя ul
Здравствуйте. padding подгоняется не четко, при изменении масштаба видно изъяны (подсветка кнопки не на всю высоту или на оборот больше чем нужно) Код: https://jsfiddle.net/aemjkhp9/
0 votes1 answer -
Изменить размер и перенести на правую сторону
Не могу изменить размер и перенести меню на правую сторону. Сейчас это выглядит вот так а хочется вот так (сделано в фш) с цветами я и сама разберусь, а как поставить правильно не понимаю. (Типо код) <html> <head> <meta charset="utf-8"> <title>Цветочный салон: Мираж</title> <style> hr { border: none; background-color: #CD5C5C; color: red; height: 3px; } </style> <style> #navbar { margin: 0; padding: 0; list-style-type: none; border: 2px solid #FF00FF; border-radius: 20px 5px; width: 5…
0 votes4 answers -
Проблема с масштабированием
Здравствуйте, столкнулся с проблемой начального масштабирования на мобильных устройствах. Сайт без адаптации (по задумке заказчика), имеет ограниченную ширину width: 1024px !important; На экранах любого размера сайт при загрузке должен открываться полностью весь, но на устройствах с шириной дисплея меньше 1200px при открывании сайта масштабируется. И приходиться отдалять. Помогите исправить данную проблему. <html> <head> <title>Epic Birds</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="cs…
0 votes5 answers -
Выровнять текст по центру и по левому краю
Необходимо сверстать адаптивный блок в котором текст будет в центре и выровнен по левому краю. Такая вот простая задачка, решение которой я никак не могу найти
0 votes12 answers -
Баннер
Привет. Вопрос следующий. При обновление word press, один баннер переместился вниз ( см. скрин баннер в черном квадрате ). Как его вернуть обратно в черный прямоугольник?
0 votes1 answer -
Лейбл не прижимается к тексту, когда текст в 2 строки
Есть лейбл. По задумке дизайнера этот лейбл должен прижиматься к тексту и расстояние между лейблом и текстом должно быть 10 пикселей. Но вот когда текст переноситься это не срабатывает: лейбл прижимается к правому краю. Вот так http://skrinshoter.ru/s/121218/eVuL33Lz Понятно что дизайнеру не хотелось бы чтоб было так. Но как сделать это чтоб соответствовало его задумке - хз. https://codepen.io/anon/pen/OrVBKN
0 votes3 answers -
выдвигающаяся кнопка сдвигает все остальные элементы
https://jsfiddle.net/illight/strj1cu3/25/ тут выпадающая часть кнопки сдвигает текст, а у меня на сайте вообще все блоки сдвигает вниз :( три дня читаю, единственное разумное что смог сделать - контейнер в котором они находятся позиционировать абсолютно, но возникает куча косяков, т.к. сверху панель управления сайтом будет перекрывать эту часть если не сложно направьте на путь истинный
0 votes2 answers -
Как добраться до последнего элемента в строке ?
Разумеется это flexbox с переносом Количество элементов не известно На данный момент крайние это : 2 4 8 10 Если добавить то и схема изменится Есть ли возможность добраться до каждого последнего элемента строки ? https://codepen.io/topicstarter/pen/bOQyKm вот здесь весь геморой Забыл написать что добраться надо на css до последнего div в строке ...если это возможно конечно <div class="container"> <div class="c1">1</div> <div class="c2">2</div> <div class="c3">3</div> <div class="c4">4</div> <div class="c5">5</div> <div class="c6">6</div> …
0 votes5 answers -
Клипинг нескольких изображений внутри родителя.
Доброго всем дня, уважаемые эксперты! Как решается такая задача: <div class="ls-rubber-block ls-bg-heavenly"> <div id="ls-img-01"></div> <div id="ls-img-02"></div> </div> html { height: 100%; } body { height: 100%; margin: 0; padding: 0; font-family: 'PT Sans Caption', sans-serif; } /* Блок, который рвстягивается по высоте и ширине на 100% */ .ls-rubber-block { width: 100%; height: 100%; min-height: 100%; box-sizing: border-box; border: 0px solid #FF0004; overflow: hidden; clip: rect(0, 100%, 0, 100%); } #ls-img-01 { position: absolute; display: block; width: 700px; height: 600px; top: -200px; right…
0 votes1 answer -
Бордер в цвет градиента
Товарищи, не могу сделать прозрачный фон на кнопку, чтобы было вот так: http://prntscr.com/luwhmx Пока получается только так: https://codepen.io/dimpin/pen/QzyXvK Может кто сможет подсказать? Буду безгранично признателен.
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 -
Проблема с php js формой
Привет, очень нужна помощь в форме https://jsfiddle.net/1z0uhe7d/1/. Их три (третья отличается тем что поле emailвместо сообщения). Проблема в том, что обрабатывается только там, что не открывается как попап(через arcticmodal) и открываются при изменении input file. Я пробовал закинуть инпут файлы в попап формы, но не помогает, пробовал через классы обрабатывать в js не помогает. Моих знаний мало, чтобы повесить обработку новых инпутов в js и заставить обрабатывать все формы. Очень нужна помощь, кто разбирается.
0 votes0 answers -
Можно ли вставить спецсимвол в jade
Допустим есть такой код в JADE for item in [{label: "Лимит ДЗ: ", value: "756 ★"}, {label: "Остаток лимита ДЗ:", value: "756 ★"}] .calculator-detail__info-row .calculator-detail__info-label= item.label .calculator-detail__info-value= item.value как вставить в item.value какой-нибудь спецсимвол (допустим "★")
0 votes3 answers -
Не работает выпадающий список
Коллеги, доброго вечера. Опять к вам за помощью. впервые столкнулся с выпадающим списком, стащил одно решение но не могу настроить. Может кто подскажет, что не так делаю. Нужно при клике на кнопку чтобы выезжал список станций метро. Но почему-то не выезжает. Буду признателен за любой совет, который поможет. https://codepen.io/dimpin/pen/ZVBzoP
0 votes3 answers -
Сдвигается логотип
Добрый вечер когда я изменяю размер браузера при клике на бургер меню у меня смещается логотип "online 1click", как сделать так чтобы логотип не смещался? Сайт.rar
0 votes2 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