Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

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

    Asked by Mondeus,

    0 votes
    0 answers

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

    Asked by torsar,

    0 votes
    0 answers

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

    Asked by DeZ,

    0 votes
    0 answers

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

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Докорректировать верстку

    Здравствуйте, решил в интернете поискать решение. Прошу помочь. Сделали верстку, в основном более-менее, но частенько плывет шапка, например. Не хотелось бы полностью переделывать, а внести корректировки. Спасибо за ваши советы. _ttps://russkijmetall.ru

    Asked by menedzher37,

    0 votes
    2 answers

  2. Медиа запросы

    Народ, помогите разобраться в медиа запросах. написал в css файле 2 вида стилей. Для обычного десктоп и для телефона. Но обычный почему-то все равно немного перебивает стили. В чем проблема? вот html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" media="screen and…

    Asked by FotGOD,

    0 votes
    2 answers

  3. Не получается установить Gulp less

    Всем привет. При установке выдает такую ошибку npm ERR! request to https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz failed, reason: 2760:error:1408F10B:SSL routines:ssl3_get_record:wrong version number:openssl\ssl\record\ssl3_record.c:210: npm ERR! npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Welcome\AppData\Roaming\npm-cache\_logs\2018-11-16T17_47_04_184Z-debug.log

    Asked by Catzzz,

    0 votes
    2 answers

  4. Вывод результатов в зависимости от данных поля

    Здравствуйте! Прошу помощи в реализации такого простого механизма. Имеется список уникальных номеров карт и размер скидки по каждой карте. Необходимо на сайте WordPress сделать так, чтобы пользователь вводил в некое поле номер своей карты и видел рядом текущий размер скидки по его карте. Без выпадающих списков и монстров типа WooCommerce (сайт маленький), может каким html кодом или скриптом. Заранее спасибо за любую помощь.

    Asked by Carbonvda,

    0 votes
    2 answers

  5. Bootstrap: Выпадающее меню, цвет фона

    День добрый. Не могу никак разобраться. Прошу помощи... Делаю сайт на bootstrap. Есть главное меню с выпадающими подпунктами. При ховере на пункте меню (Раздел) он меняет цвет. Однако при переносе курсора на выпадающее меню (Подменю) выделение пункта меню Раздел пропадает. Как-то можно задать фон для Раздела, когда курсор находится на подразделах? Пример тут

    Asked by dron,

    0 votes
    2 answers

  6. Непонятный отступ

    Всем привет! Мне нужно сделать горизонтальное меню посередине страницы. Я его сделал и через <ul>, при этом width 100% и margin 0, но почему-то слева возник отступ от края страницы. Градиент на заднем плане - это background-image, и там болжны быть белые отступы, потому что картинка такая, а отступ у меню быть не должен.. Не подскажите, как это исправить? Код и скриншоты прилагаю. <body> <div class="topnav"> <ul> <li ><a href="default.asp" id="first">Л1</a></li> <li><a href="news.asp" id="second">Ф2</a></li> <li><a href="contact.asp" id="third">С3…

    Asked by wavelolmu,

    0 votes
    2 answers

  7. Не работает <audio>

    Вряд ли это проблема вёрстки, но я не знаю, куда ещё написать. Пробую добавить на страницу звук с помощью <audio>. В Firefox работает, а в Opera нет. Нет звука в Opera 36.0 для Windows и Opera 47 для Андроид. Добавил controls - плеер появился, но кнопки неактивны. Испробовал все возможные варианты синтаксиса - нет звука, хоть тресни. Хотя на других сервисах типа Youtube звук в Opera есть. Давал слушать другим людям - у большинства звука нет, но опроса насчёт браузеров не проводил. Ссылка

    Asked by Pinguin,

    0 votes
    2 answers

  8. Как записать функцию в массив

    Как записать функцию в массив с разными параметрами. Хотелось бы видеть пример, чтобы потом можно было вызвать эту функцию. А то не получается: var walk = []; ... walk[0] = createWalk(0,0,200,0); walk[1] = createWalk(200,0,200,100); walk[2] = createWalk(200,100,0,100); walk[3] = createWalk(0,100,0,0); ... for(var i = 0; i < walk.length; i++) { ... }

    Asked by Katerina23,

    0 votes
    2 answers

  9. Как сделать отступы внутри 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; } Слева отступ делается, а справа нет. Кто то сталкивался с такой задачей? Вот сайт на котором я это делаю: Перейти на сайт Там снизу страницы увидите проблему

    Asked by awikong,

    0 votes
    2 answers

  10. Как сделать отступ между Li:before и текстом

    https://codepen.io/nikki4/pen/BGLNOQ Как в указанном примере расположить слово "текст1" по длинный?

    Asked by nikki4,

    0 votes
    2 answers

  11. Вёрстка сетки товаров.

    Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: HTML <div class="product-wrap"> <div class="product-item"> <img src="source/img/test.png"> <div class="product-buttons"> <a href="#" class="button">Купить</a> </div> </div> <div class="product-title"> <a href="">Test</a> <span class="product-price">₽ 100</span> </div> &…

    Asked by Ivan_A,

    0 votes
    2 answers

  12. Помогите в верстке

    Как сделать такой блок? Пользуюсь бустрап 4.

    Asked by shvayko,

    0 votes
    2 answers

  13. Выбор колличества полей в форме.

    Доброго дня. Хочу реализовать такую вещь. Мне нужно сделать форму с некоторым количеством полей. Но количество полей должно быть вариативным. Как я это себе представляю, есть поле для ввода с выпадающим списком, в котором я выбираю например число 4. И у меня под ним появляется 4 поля для ввода, например textarea. Как это можно реализовать? Я не прошу всё расписывать за меня, но прошу хотя бы указать направление в котором можно копать. Заранее всем спасибо.

    Asked by partisan42,

    0 votes
    2 answers

  14. Как уменьшать размер букв при изменений размера

    В общем при уменьшении размера окна браузера ,буквы должны уменьшаться, не охота для каждого размера окна браузера прописывать отдельный media запрос с размерами Как избежать этого? Пример: @media screen and (max-width: 580px){ p{ font-size: 40px; } } @media screen and (max-width: 570px){ p{ font-size: 30px; } } Примеры.rar

    Asked by Almaz_Kazan,

    0 votes
    2 answers

  15. Расстояние между текстовыми полями

    Здравствуйте, начал изучать 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…

    Asked by unrealfart,

    0 votes
    2 answers

  16. Как растянуть картинку на весь блок, если картинка прописана не в блоке

    Стиль для блока такой: .empty { padding: 0px; width: 45%; height: 200px; float: left; margin: 50px 8px 50px 8px; background-size: 100%; } В коде таблицы вставлены так: <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/06/osveshchenie-v-parilke.jpg"/></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2017/10/rimskaya-banya-Terma.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/07/postroit-garazh.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/upload…

    Asked by Омск,

    0 votes
    2 answers

  17. Увеличение видео ютуба при наведении

    здравствуйте размести ембед видео ютуба на главной. заказчик хочет чтобы они увеличивались при наведении мыши. есть ли какие-нибудь красивые примеры с оверлеем или типа того.

    Asked by Sunman,

    0 votes
    2 answers

  18. Какой родительский элемент у изображения?

    Коллеги, прошу помощи. Есть задача сделать размер изображения адаптирующимся к размеру содержащего ее контейнера. Задание ширины в % помогает, задание же высоты в % не меняет ровным счетом ничего. Подозреваю, что родительским элементом для этой картинки почему-то считается не ее контейнер, а что-то другое. _https://codepen.io/NatalyaY/pen/LMdgWv_ Прошу помочь разобраться. Еще раз резюмирую задачу - нужно чтобы картинка занимала не более 90% по высоте или ширине от размеров div detailed-image-container (насколько я понимаю, второй div с классом detailed-image-frame формируется под размер контента в нем - т.е. самой картинки), структуру div нужно сохранить.

    Asked by NatalyaY,

    0 votes
    2 answers

  19. Расположение текста на странице

    Помогите, пожалуйста, у меня текст расположен просто по ширине страницы, а надо, чтобы контент занимал 70% ширины страницы и был выровнен по середине с помощью CSS. В общем надо такой вид, как на изображении, что я прикрепила.

    Asked by Elizabeth2018,

    0 votes
    2 answers

  20. Не отображается картинка в теге <a>

    Такая конструкция работает нормально <img src="/img/logo.png" alt="Logo" /> Перестает работать внутри контейнера <a>. И локально и на хостинге, картинка не отображается <a href="/index.html> <img src="/img/logo.png" alt="Logo" /> </a>

    Asked by gadjet,

    0 votes
    2 answers

  21. JavaScript В браузере не выводятся всплывающие окна c с запросами.

    Здравствуйте.Возникла проблема со следующим заданием:вывести всплывающее окно, запрашивающее имя пользователя, затем вывести сегодняшнюю дату на экран(её можно увидеть после всего цикла окон),потом задать вопрос касательно обучения в группе(если да-цикл продолжается, нет-вывести окно с отказом),далее ещё одно вводное окно,а потом через всплывающие окна запросить у пользователся значения a,b,c для решения квадратного уравнения.Суть проблемы:как только после if-а, отвечающего за запрос о принадлежности к группе,браузер перестаёт отображать остальные окна и простую инфу о дате,которая просто выводится на экран. Подскажите,пожалуйста,как можно пофиксить эту проблему.Всё ника…

    Asked by qwerty_me,

    0 votes
    2 answers

  22. небольшое html окно

    Добры день! Подскажите пожалуйста, или неправильно формулирую запрос или туплю? Нужно простое всплывающее html окно с крестиком или кнопкой "ЗАКРЫТЬ" масштабом в 2/3 от стандартного. Например, у товара есть кнопка "ПОДРОБНЕЕ", хочу сделать, что бы открывалось окно с описанием и фото. СПАСИБО!

    Asked by Vic-Tor,

    0 votes
    2 answers

  23. выдвигающаяся кнопка сдвигает все остальные элементы

    https://jsfiddle.net/illight/strj1cu3/25/ тут выпадающая часть кнопки сдвигает текст, а у меня на сайте вообще все блоки сдвигает вниз :( три дня читаю, единственное разумное что смог сделать - контейнер в котором они находятся позиционировать абсолютно, но возникает куча косяков, т.к. сверху панель управления сайтом будет перекрывать эту часть если не сложно направьте на путь истинный

    Asked by D0S,

    0 votes
    2 answers

  24. Сдвигается логотип

    Добрый вечер когда я изменяю размер браузера при клике на бургер меню у меня смещается логотип "online 1click", как сделать так чтобы логотип не смещался? Сайт.rar

    Asked by Almaz_Kazan,

    0 votes
    2 answers

  25. Появление лишнего отступа в блоке

    Здравствуйте! Есть небольшая проблема: имеется блок, в который вставляем строчные гиперссылки с изображениями внутри. Обнаружил, что в данном блоке появляется странный отступ снизу (зеленного цвета), от которого я не могу избавиться. Так как я новичок, то прошу помощи. Визуально проблему можно посмотреть здесь: https://jsfiddle.net. Проблема плевая, но я застрял . Заранее благодарю!

    Asked by Lex_85,

    0 votes
    2 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept