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. Изчезает background-image после обновления страници

    Приписал body{ background-image: url(img/fon.png) } Сразу фон есть , а после обновления изчезает. И так с любой картинкой Подробней в скриншотах

    Asked by mejta,

    0 votes
    2 answers

  2. Убрать обводки

    https://jsfiddle.net/vitalikan/xLuzj8ya/1/ Там снизу есть кнопка подробнее нажимая на нее получается обводка синяя. Не могу убрать помогите Извените что все остальное не на местах просто нет времни

    Asked by vtkm96,

    0 votes
    3 answers

  3. Вопрос

    Всем привет, я новичок и хотел бы узнать, а часто ли используют при верстке в html теги редактирования текста, такие как - <b>, <i>, <strong>,<em>

    Asked by Bean John,

    0 votes
    4 answers

  4. Не отображаются заголовки на айфоне и айпаде

    Сверстала сайт. Проверила на адаптацию на разных расширениях экрана. Когда сбросила клиенту, пишет что не отображаются заголовки на айфоне и айпаде. У меня их нет и посмотреть инспектор для этих устройств нет возможности. Может кто то с таким сталкивался.

    Asked by garmoni,

    0 votes
    3 answers

  5. CSS @Media

    Здравствуйте! Прописал следующие @media для мобильных устройств: @media screen and (max-width: 768px) {} Но с экранов в 5 и тд дюймов, т.е те у кого разрешение hd и full hd, это просто не работает, как выйти из ситуации, чтобы к hd и full hd применялись прописанные @media?

    Asked by Vans,

    0 votes
    1 answer

  6. Разделение таблицы линиями на сектора

    Я пишу игру судоку на javascript,использую для этого таблицу table. Как разделить ячейки таблицы линиями на сектора как в судоку. Допустим таблица 16x16 ячеек как провести линии каждые четыре ячейки. Вот код: <!DOCTYPE HTML> <html> <head> <title>Судоку</title> <style> .game-board { border: 0; border-spacing: 0; border-collapse: collapse; background: #fff; } .game-board td { width: 25px; height: 25px; line-height: 20px; text-align: center; border: #9cb0ca 1px solid; } </style> </head> <body> &lt…

    Asked by Katerina23,

    0 votes
    6 answers

  7. Как от центровать картинку так чтобы не вырезалось и не появлялось прокрутка ?

    Есть макет в котором изображение выезжает из центровщика и получается что: - изображение обрезается (как бы центровщик не дает выйти из своей ширины) - или же появляется полоса прокрутки. Как нормально сделать подскажите пожалуйста. А именно: Мне нужно чтобы изображение выезжало из центровщика но не обрезалось и чтобы не появлялся нижний скрол при уменьшении экрана, а чтобы просто изображение скрывлось то часть которая не влезает.

    Asked by Дмитрий Афанасьев,

    0 votes
    6 answers

  8. Как подключить 4 галереи к 1 сайту

    Привет, задал подобный вопрос ранее, что нужно менять или добавлять в js коде, чтобы 4 галереи одинаковых подключить к 1 сайту, вот сам код https://jsfiddle.net/fdrq56ym/

    Asked by exoty,

    0 votes
    1 answer

  9. Плавное изменение высоты блоков

    Есть макет http://skrinshoter.ru/s/120718/NWdGGpoo При наведении на блок в нем появляется дочерний блок с доп параметрами, при этом он наезжает на внизу стоящего соседа (как это изображено на картинке) и сосед не отскакивает вниз. Также при наведении картинка превращается в слайдер (как я понимаю). Я это реализовал, но это происходит не плавно. Как сделать чтобы это происходило плавно? https://codepen.io/anon/pen/MBwBve

    Asked by yaparoff,

    0 votes
    1 answer

  10. CSS vopros

    Podskajite pojaluista! Kak sdelat rasstojanije mejdu jeltimi blokami, no pri etom ostavit ix na odnoi linii? <div id="main" class="clearfix"> <div class="first">1</div> <div class="first">2</div> <div class="first">3</div> </div> * { box-sizing: border-box; } #main { width: 100%; background-color: green; padding: 10px 0; } .first { /* margin: 10px; */ /* display: inline-block; */ width: 33.33%; float:left; background-color: yellow; text-align: center; } .clearfix:…

    Asked by Liubo,

    0 votes
    1 answer

  11. Как обьеденить все

    Как обьеденить все в одну строчку. Скрины прилагаются того что должно и что получилось. Вот что получилось. Получается что, когда создается второй и пытаюсь соеденить со вторым, с помощью margin то не красиво получаестя.

    Asked by vtkm96,

    0 votes
    3 answers

  12. работает 1 из 4 галерей

    Привет, у меня 4 галереи, вот код - https://jsfiddle.net/fdrq56ym/ . Проблема в том, что работает только первая, остальные три не робят, в чем причина, пробовал задавать отдельные айдишники каждой, работала по последней прописанной в var = get element

    Asked by exoty,

    0 votes
    1 answer

  13. Выборка элементов списка по первой букве

    Всем привет. Не могли бы вы подсказать насчёт одного вопроса. Видел на нескольких сайтах (чаще всего это сайты фильмов, книг или рецептов) блок, в котором размещён весь алфавит. И при нажатии, допустим, на букву "п" выводятся все подходящие элементы из блока ниже, начинающиеся на эту букву. В интернете пытался найти, но никак не могу подобрать нужные слова для поиска. Подскажите пожалуйста, как такую функцию осуществить на странице сайта?

    Asked by Arxont,

    0 votes
    3 answers

  14. Куда прописывать БЭМ микс к блоку родительскому или к тому к какому блоку оно применяется ?

    <!-- Блок `header` --> <div class="header"> <!-- К блоку `search-form` примиксован элемент `search-form` блока `header`--> <div class="search-form header__search-form"></div> </div> Допустим есть такой код (что выше), тут мне не совсем понятно какому блоку относится микс header__search-form точнее в какой папке он должен находится в папке с блоком родителя header или же с в папке с блоком search-from ? Как правильнее с точки зрения Яндекса и БЭМа ?

    Asked by Дмитрий Афанасьев,

    0 votes
    2 answers

  15. Первый опыт - надеюсь на советы/материалы по семантической верстке

    Доброго вам времени суток, уважаемые форумчане. Студент, 2-й курс. На радостях от того, что смог закрыться без долгов по результатам летней сессии, решил потихоньку начать разбираться с вебом, ибо мне предстоит осваивать эту дисциплину в следующем семестре. Да и в целом это направление меня очень привлекает. Взял себе небольшую книжку, где довольно поверхностно покрываются несколько тем, в их числе: html, css, js, jquery, ajax, php, cms. Понять основные принципы, синтаксис и структуру оказалось просто. Раздел посвященный JS так вообще за 10 минут пролистал - благо есть опыт, и опыт неплохой: за плечами год Джавы. Решил перейти к практике и начать с самого начала - …

    Asked by Ibex,

    0 votes
    2 answers

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

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

    Asked by yaparoff,

    0 votes
    7 answers

  17. Закрывающийся/открывающийся блок

    Помогите, или скиньте ссылки как сделать Закрывающийся/открывающийся блок.

    Asked by vtkm96,

    0 votes
    4 answers

  18. Не работает анимация кнопки

    Привет, http://clevertrans.ru у кнопки заказать звонок есть анимация,я скопировал код этой кнопки, скопировал код скриптов на свой шаблон, но почему то эта анимация у меня не работает, в чем причина? animate css и js код с того сайта тоже вставил, все равно никак

    Asked by exoty,

    0 votes
    0 answers

  19. переход к конкретной вкладке на другой странице

    Добрый! Не могу заставить работать переход с одной страницы на определенную вкладку на другой. Переход на страницу осуществляется, но всегда остается открыта первая вкладка. Подскажите в чем может быть проблема... Заранее очень благодарен! Страница с вкладками - HTML (/ceny): <ul class="nav nav-tabs nav-justified" role="tablist"> <li class="active"><a href="#tab37" role="tab" data-toggle="tab" aria-expanded="true">Консультация</a></li> <li class=""><a href="#tab41" role="tab" data-toggle="tab" aria-expanded="false">Ортодонтия</a></li> <li class=""><a href="#tab61" role="tab" data-toggle="ta…

    Asked by Theweb,

    0 votes
    4 answers

  20. Отменить кликабельность ссылки

    Добрый вечер! Я собираю сайт на конструкторе и не очень силен в кодах. Столкнулся с такой проблемой, когда в блоке контактов (подвале) прописал контактные данные и ИНН предпринимателя, то номер ИНН выделяется синим и становиться кликабельным как ссылка, именно на смартфоне (на компьютере все нормально). Целый день потратил, не могу понять, как мне сделать номер ИНН, что бы он был просто текстом белого цвета. Прописываю семь семерок все ок, только пишу разные цифры, отображается как ссылка. Помогите решить пожалуйста. код http://jsfiddle.net/mb3da4o9/1/ и скрин прилагается

    Asked by denis4192,

    0 votes
    1 answer

  21. Текст, который длиннее 1 строки, переносится на следующую строку

    На сайте есть блок тестирования. Проблема отображена в скриншоте. Может кто-нибудь поможет разобраться, как это исправить?

    Asked by adm-pr,

    0 votes
    1 answer

  22. Тег <Video> и атрибут "controls"

    В браузере Google Chrome Версия 67.0.3396.99 (64 бит), в теге Video с атрибутом controls нет регулятора громкости видео. Но почему же так?

    Asked by Banvac,

    0 votes
    1 answer

  23. << и >> до и после текста

    Нужно сделать << и >> до и после текста. Вот таким образом http://skrinshoter.ru/s/050718/7gDP7LAc?a У меня получается как-то некорректно http://skrinshoter.ru/s/050718/lO2xSi0U Элементы чуть приподняты. Как их выровнять? margin-top не помогает, before и after - тоже https://codepen.io/anon/pen/PavQWP

    Asked by yaparoff,

    0 votes
    3 answers

  24. Проблема с позиционированием css

    Итак, решил сделать footer. (Приложил скриншот) Итак, задумка такова: GitHub - Разместить по левому краю, Twitter - по центру, О нас - По правому краю, но почему то Параграф не хочет вставать так как надо. HTML Код <footer> <div class="container" style="padding-top: 1%;"> <div class="row footer-information"> <div class="col"> <a href="#"><i class="fab fa-github"></i> GitHub</a> <p>Откройте и просмотрите нашу страницу на GitHub</p> </div> <div class="col text-center"> <a href="#"><i class="fab fa-twitter"></i> Twitter</a> <p>О…

    Asked by GamerVII,

    0 votes
    0 answers

  25. Обрезка блоков

    Привет, очень редко сталкивался с этим и не люблю подобное, как эти блоки обрезать, что с ними вообще делать?

    Asked by exoty,

    1 vote
    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