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. Иконка на одинаковом расстоянии от текста

    Как отобразить слово "Иконка" на одинаковом расстоянии от текста ? Там получается, что текст не вмещается в строку, переносится на другую строку, тег h5 растягивается в ширину(так как текст не влазит в строку), из за этого получается отступ большой от иконки... а надо что в любом случае было одинаковое расстояние... подскажите как это сделать? как можно это обойти... желательно, чтобы ширина div.g оставалось 26% Исходник: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> h5 { position: relative; display: inline-block; } span { posi…

    Asked by SnowSilver,

    0 votes
    7 answers

  2. Помощь по СSS.

    Подскажите плиз! Почему я создаю в HTML тег " " в него закладываю "UL" и LI, а в "LI" текст которому хочу придать нужное изображение. В CSS делаю селектор - .menu, прописываю туда правила, но почему то это не влияет на LI, что бы изменить текст, мне приходится прописывать правила непосредственно для "LI". в чем причина?, и как сделать так что бы правила для блока .menu распространялись на текст внутри его? Ведь LI я хотел добавить еще в некоторые блоки уже с другими правилами. <!DOCTYPE html> <html lang="en"> <head> <title>MySite</title> <meta charset="utf-8"> <link rel="stylesheet" href="text/style.css"> </…

    Asked by TEO_911,

    0 votes
    7 answers

  3. Почему уехал блок?

    Не понятно почему div туда уехал, тег nav вообще потерялся, видно только его пэддинг-топ на месте div'а, Прилагаю скрин и код. Хотя дивом обернуты нав и ул с лишками. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <div class="container"> <nav> <ul class="menu menu_left"> <li> <a href="#">Павильон №1</a> </li> <li> <a href="#">Павильон №2</a> </li> <li> <a …

    Asked by rinatoff,

    0 votes
    7 answers

  4. откуда берется этот отступ?

    https://jsfiddle.net/67j9ntvc/ ожидалось расположение на одной базовой линии, но подпись сползает ниже, как не стараюсь. как только не выкручивался. что я упустил?

    Asked by d0ublezer0,

    0 votes
    7 answers

  5. Анимация кнопки через animation

    Подскажите кто сталкивался с анимированием эффекта нажатия через animation? Через transition понятно как, но вот тут http://landing-animation.powercode.pro/ верхние правые кнопки уж очень приятно выглядят, пробовал повторить через инспектор, но безуспешно. Или где-то ошибаюсь или есть какая-то особенность. Спасибо.

    Asked by Highlander,

    0 votes
    7 answers

  6. Асинхронный запрос и возврат результата

    Здравствуйте. Мучаюсь не первый день с такой проблемой. Есть jquery, есть модальная форма, сначала мне нужно выполнить GET запрос на сервер, и в зависимости от того, что сервер ответит решить можно ли открывать форму или нет. Если использоваться асинхронный запрос, то понятно, что форма откроется в любом случае. А если использовать синхронный то всё хорошо, но консоль браузера ругается, что я не правильно поступаю и мои методы Deprecated. Как сейчас правильно поступать в современных тенденциях? Для понимания что я хочу, изображу это примерно так: function getAccess(){ ... запрос GET на сервер return ответ } function show…

    Asked by Divnenkiy,

    0 votes
    7 answers

  7. Scroll + Position:fixed - как бы вы решили?

    Есть такая разметка, возможно она кривая, но в силу некоторой идеи она такая. http://jsfiddle.net/8rqetnyo/ Вложенный слой со скролом, выполняющий роль основного на странице + фиксированный слой, который перекрывает скролл. Как бы вы решили? Быть может оно вообще не решается... ? Была мысль с width: calc но в разных браузерах оно у меня выглядит по разному

    Asked by ShumNo,

    0 votes
    7 answers

  8. Как скрыть символы на конце?

    Поставил форму поиска, там почему-то на конце после названия выводятся () Т.е. <span>Название1 ()</span> <span>Название2 ()</span> Можно ли как-то стилями скрыть все скобки в спанах, либо последние 3 символа? Если нет, то может как-то можно квадратиком фоновым на передний план поместить?

    Asked by nikki4,

    0 votes
    7 answers

  9. tabs в owl-carousel 2

    Подскажите пожалуйста. Проблема в том что в owl-carousel 2 не работают табы. Задача состоится в том что нужно сверстать слайдер, в слайдере сверстать табы. табы сами по себе рабочие, если вынести разметку(табов) за пределы слайдера то все работает, но если в слайдере табы перестают работать ? мб сталкивался кто то с такой проблемой ?

    Asked by olegN,

    0 votes
    7 answers

  10. Совет про центрирование блока в блоке/изображения в блоке

    Добрый день! Подскажите каким способом правильней будет отцентрировать изображение(лого сайта) в header - e. Более конкретнее меня интересуют: центрировать сам блок-родитель с изображением, или само изображение? И если само изображение - пользоваться свойствами position и margin? Flex не предлагать. Хочу без него разобраться. В нем все просто на этот счет.

    Asked by Super_Saimon,

    0 votes
    7 answers

  11. ul li бутерброд без js

    Добрый день. Подскажите пожалуйста как реализовать аккуратное бутерброд-меню (ul li) без дополнительных подразделов и главное без js.

    Asked by Ubhra,

    0 votes
    7 answers

  12. Позиционирование изображения с помощью vertical-align: middle

    Доброе утро! Столкнулся с ситуацией: нужно отцентрировать изображение(прижать его по оси х к левому краю, и по оси у по центру). Решил попробовать центровку через vertical-align. Задал родительскому блоку и дочернему Display: inline-block. Задал vertical-align: middle самому изображению. Но "чуда не произошло". Насколько я понимаю это свойство задается самому блоку, который центрируем, не родительскому? Но где результат тогда? Извиняюсь что без кода-инета на рабочем компе нет.

    Asked by Super_Saimon,

    0 votes
    7 answers

  13. Проблема с позиционирование с свойством "text-align"

    Добрый день! Вопрос довольно элементарный, но не вижу где и что я забыл, битый час уже воюю... Возникла проблема с позиционированием самого списка через text-align в родительском блоке. Установив всем блокам уже inline-block, что б уже наверняка... а все равно "мимо". Собственно, сам код https://jsfiddle.net/46at44tp/1/ Что я упустил?

    Asked by Super_Saimon,

    0 votes
    7 answers

  14. Бездомный конечный тег head

    Доброго времени суток! Появилась проблема, браузер ругается на "бездомный конечный тег head", хотя его начало есть. Притом доходит до абсурда, пробовал найти ошибку, постепенно удаляя строчки кода, в итоге остались только доктайп и, собственно, сам head. Если написать всё заново, то проблемы нету. Прикрепляю файл с ошибкой сюда. P.S. Проверял через FireFox new 1.htm

    Asked by Илья123,

    0 votes
    7 answers

  15. как сверстать

    имеется следующая верстка link Нужно чтобы div.entryFields был резиновым и занимал всю ширину до кнопки button, кнопка button должна быть по правому краю и мы не знаем ее размер Help !!!

    Asked by Daniil Khanin,

    0 votes
    7 answers

  16. Как расположить элементы на странице таким образом?

    Здравствуйте. Есть вот такой HTML-код: <div> <h3>Настройка модема</h3> <ul> <!-- Первый элемент —> <li> <a href="#"> <img width="59" height="59" src="https://test.lan1.by/no_image.png" alt="" /> Как подключить ZALA по Wi-Fi на ZTE F660v5 </a> <div> <span class="date"><i class="fa fa-clock-o fa-lg" aria-hidden="true"></i> 03.11.2017</span> <span class="view"><i class="fa fa-eye fa-lg" aria-hidden="true"></i> 1300 просмотров</span> <span class="comments"><i class="fa fa-comments fa-lg" aria-hidden="tru…

    Asked by marchenkovby,

    0 votes
    7 answers

  17. Отступы в макете и на сайте

    Я только начинаю учиться, поэтому интересует очень важный вопрос. Измеряю расстояние в макете от текста до верхней линии. Например он 50 пикселей. Когда задаю это в файле CSS все хорошо. Но когда захожу через гугл хром проверяю расстояние, во первых оно визуально больше. Во вторых наведя на блок с текстом будь это <p> либо <div> показывает дополнительное расстояние от текста до края этого блока. Внимание вопрос, как этого избежать? можно ли как-то убрать это внутреннее расстояние? или существуют какие-либо еще неведомые мне способы. Заранее спасибо. Если выразился непонятно, напишите залью сюда код и изображение.

    Asked by Firin,

    0 votes
    7 answers

  18. Как верстать большие макеты ?

    Кто подскажет как верстать такой макет ? Шрифты слишком большие, размеры отступов и самой картины тоже. Как мне быть, сверстать так как есть или поменять все отступы и размеры шрифта на более менее подходящую ? psd макет скачать

    Asked by Димитрий,

    0 votes
    7 answers

  19. Выравнивание по вертикали

    Необходимо выровнять блоки по вертикали. У меня верстка пока получается вот так http://skrinshoter.ru/s/160418/UDCfQwYu Подскажите, как это сделать? Верстка респонсив. Причем нужно чтобы и заголовки и цены тоже были на одном уровне Почему то на codepen это немного по другому выглядит. Но все равно нужно это как то выровнять

    Asked by yaparoff,

    0 votes
    7 answers

  20. FlexBox или нет...

    Добрый день. Подскажите пожалуйста как добиться такого, что бы новые блоки добавлялись по порядку (по высоте). Ширина блоков и окна статична, по высоте блоки двух типов. На скрине черным пронумерованы по порядку добавления блоки которые уже есть, а красным обозначены места для последующего добавления.

    Asked by Ubhra,

    0 votes
    7 answers

  21. Относительные или абсолютные ссылки использовать?

    Добрый день. Как влияют относительные или абсолютные ссылки на работу с поисковиками и есть ли разница в нагрузке на вес страницы или скорость загрузки?

    Asked by Ubhra,

    0 votes
    7 answers

  22. Каждый раз разное видео на сайте

    Доброго времени суток. У меня на обычном лендинге есть видео с ютуба. Цель - чтобы каждый раз включалось разное видео(их около 10). Все видео присутствуют на канале ютуба. Я как подозреваю данный функционал возможен при вмешательстве php либо javascript. Возможно так же есть где-то готовый скрипт, выводящий целый канал на сайт и каждый раз включается разное видео с этого канала. В общем, прошу вас помочь мне в данном вопросе. Сайт - https://kvestvnore.ru/ Код видео <div class="t347__video-container t347__hidden" data-content-popup-video-url-youtube="ZiJEJPZrkW8"> <div class="t347__video-carier"></div> [/HTML]

    Asked by guram07,

    0 votes
    7 answers

  23. Открытие ссылки в новом окне

    Мне нужно чтобы ссылка открывалась в новом окне. Вот код <table class="mytable"> <tbody> <tr class="mystolb" onclick="window.location.href='%%LitUrlAudio%%'; return false target="_blank"> <td><img src="http://knigobiz.ru/wp-content/uploads/2018/05/LitRes.png" class="laravel-icon">ЛитРес</td> <td>Аудиокнига</td> <td>₽%%LitAudioPrice%%</td> <td><i class="fas fa-shopping-cart"></i></td> </tr> </tbody> </table> То есть при нажатии на строку у меня происходит переход по произвольной ссылке, мне нужно сделать так чтобы она открывалась в новом окне

    Asked by YaroslavWeb,

    0 votes
    7 answers

  24. Не проигрывается видеофон в Google Chrome

    С недавнего времени перестал проигрываться видеофон. Почему то этот баг происходит в Google Chrome, в Mozilla такого нет [ссылка удалена]

    Asked by yaparoff,

    0 votes
    7 answers

  25. Оформление среднего рейтинга

    Доброго времени суток. Подскажите, как сделать на css вот такое оформление средней оценки? Надо чтобы красная полосочка менялась относительно получаемой цифры... Спасибо

    Asked by Mary_RND,

    0 votes
    7 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