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. Альтернатива legend в fieldset

    Добрый день! Имеется ли аналог помимо legend-а и fieldset для решения данной задачи?

    Asked by YurikMurik,

    0 votes
    4 answers

  2. Slick slider

    Коллеги, добрый день. Разбираюсь в чужом коде, не могу настроить слайдер. http://nailbar.mini-mall.ru/price.html 3 вопроса: 1. Как вывести по 3 блока в слайдере, в условиях написал, но не выводится. 2. Как спрятать блоки, которые идут ниже первого ряда, чтобы было видно только 1 ряд. 3. Как вывести стрелки, в условиях тоже написал, но не вижу. Огромная просьба намекнуть, куда смотреть и что делать

    Asked by Dimpin,

    0 votes
    13 answers

  3. Аттрибут title на мобильном

    Сделал отличный дизайн на бутстрапе. Почти все хорошо и на мобиле и на компьютере, но возникла серьнзная проблема — на мобилах не всплывают подсказки title. А это значимо — много сокращений и иконок. Особенно если это еще и ссылка. Если подсказки сделать на css, а на мобилах их отображать всегда как текст, то станет невозможно быстро воспринять информацию. Будет не информация, а одни подсказки расшифровки. Какие вообще есть подходы к этой проблеме. Пока вижу только один выход — собирать все подсказки/расшифровки по группам и выводить списком внизу страницы. Но опять же надо много чего лапатить и на ПХП и на js в ажаксе.

    Asked by Gwendolen,

    0 votes
    7 answers

  4. Как изменить размер картинки в HTML

    Всем привет! Не знаю, пишу я там, где нужно, или нет. Но у меня есть проблемка: не меняются размеры картинки посредством html. Все работает, картинка отображается в браузере. Но ее размер не меняется. Вот код^ _________________________________________________________________________________ <!doctyp html> <html> <head> <title>Арбитражная работа</title> <meta charset="utm8"> </head> <h1>Арбитражная работа</h1> <br> <a href="../front page.html">Главная</a> <a href="blog.html">Блог</a> <a href…

    Asked by Scripto,

    0 votes
    2 answers

  5. Небольшой отступ от логотипа

    https://artrises.github.io/ Не получается найти причину, под логотипом есть небольшой отступ, перерыл все включая использование инспектора, у лого в футере был же такой отступ, он был из-за встроенного в normalize - line-height.Заранее спасибо

    Asked by Goreska,

    0 votes
    2 answers

  6. before задается только одному

    https://jsfiddle.net/onfvgxre/ before почему то задается первому ли, когда я задаю параметр left

    Asked by exoty,

    0 votes
    2 answers

  7. Алгоритм верстки схем

    Привет, ребят, не имею опыта верстки подобных схем, объясните принцип верстки подобного

    Asked by exoty,

    0 votes
    1 answer

  8. Затруднение

    Скрытый текст Добрый день. Подскажите пожалуйста. Зачем использовать для кнопок список, а например не тот же <button> или input? <section id="hero" class="container"> <header> <h2>Lorem Ipsum is simpply <br /> when an unknown printer <a href="#">HTML5</a></h2> </header> <p>Designed and built on <strong>skel</strong> by <a href="#">AV</a>. Released for free under <br /> the <a href="#">Lorem Ipsum is simply dummy text </a>.</p> Здесь- <ul class="actions"> <li><a href="#" class="button">Get this party started</…

    Asked by King - Ushol,

    0 votes
    2 answers

  9. owl carousel - 2 вопроса

    Коллеги, просьба помочь советом. Сайт www.lazurit.mini-mall.ru Установил 2 слайдера owl-carousel в первом куда то "спрятались" стрелки навигации, при уменьшении разрешения, появляются, как их вывести на свет божий, посоветуйте. А во втором никак не могу выровнять текстовый блок с отзывами по вертикали, все способы вроде попробовал - не получается! Буду признателен за помощь!

    Asked by Dimpin,

    0 votes
    3 answers

  10. input type file

    Еще раз привет, я точно не знаю как это делается, но нужно Input type file стилизовать

    Asked by exoty,

    0 votes
    2 answers

  11. Не работают ссылки в плавающем фрейме

    Здравствуйте. Я начинающий в html, да и в программировании в целом, однако, мне эта сфера очень интересна. Суть страницы: список ссылок с полезными страницами. Проблема такая: Есть список ссылок на страничке, и они должны открыться в плавающем фрейме на этой же странице, однако, при клике выдается пустой квадрат. Отмечу, что часть ссылок работает нормально. Текст фрейма: <iframe align="right"; scrolling="yes"; width="80%"; height="800"; name="useful">Содержание</iframe> Тег <frameset> не используется. Проблемная ссылка: <p><a href="http://htmlbook.ru/samhtml/tekst/spetssimvoly"; target="useful";&…

    Asked by WhiteRaven,

    0 votes
    0 answers

  12. расположение трех таблиц на всю страницу по высоте

    Доброго всем времени суток! Возникла следующая проблема: я очень слабо знаком с CSS, но сейчас делаю на делфи выгрузку произвольной таблицы в простейший html-файл. Особенность - на странице надо расположить 3 таблицы вертикально одна под другой: заголовок с названиями столбцов, собственно таблица данных, футер с итоговыми данными. Причем и заголовок, и футер могут быть как однострочными, так и многострочными - заранее неизвестно. И они должны всегда отображаться на странице, а основная таблица с данными будет перематываться. Вопрос вот в чем - как с использованием только CSS (без JS) указать height для центрального div-а с данными? Высоту страницы я подставляю к…

    Asked by VoloMA,

    0 votes
    0 answers

  13. Подскажите как правильно стилизовать placeholder с помощью sass

    Первый вопрос: - Нужно ли использовать эти кроссбраузерные плюшки для стилизации placeholder'a? Не устарели ли они? ::-webkit-input-placeholder {color:#c0392b;} ::-moz-placeholder {color:#c0392b;}/* Firefox 19+ */ :-moz-placeholder {color:#c0392b;}/* Firefox 18- */ :-ms-input-placeholder {color:#c0392b;} Второй вопрос - Использую Sass, как правильно стилизовать placeholder? Не могу понять куда писать этот код и как правильно он оформляется в sass &-form margin-top: 98px &_main-form input display: block margin: 0 auto height: 67px width: 370px padding: 29px 0 29px 36px По идее он должен писаться под п…

    Asked by Владимир Горинов,

    0 votes
    1 answer

  14. underline у Hover

    Привет, убрал андерлайн у ссылок, но все равно маленькое подчеркивание остается(см на пикче). https://jsfiddle.net/aL9cgghf/ вот сам код, верстаю на бутстрапе.

    Asked by exoty,

    0 votes
    2 answers

  15. Проблема yii2

    Друзья возник вопрос при верстке. Как сделать админ панель с редактирование страницы (текст, фотографии, вкладки). Помогите если несложно. Делаю на yii2.

    Asked by Глеб,

    0 votes
    0 answers

  16. Позиционирование элементов

    Объясните как мне установить внутри блока div картинку фон? Мне нужно что бы картинка была по середине красного блока. а она распологается по центру браузера Скрытый текст <html> <head> <title>Страны мира</title> </head> <style> <!-- Стили --> html { height: 100%; /* Высота веб страницы */ } /***************************************************************************************/ body /* Тело сайта */ { margin: 0; /* Величина отступа от каждого края элемента */ padding: 0; /* Значение полей вокруг содержимого элемента */ } /*******************************************…

    Asked by denzell,

    0 votes
    3 answers

  17. Автоматизация (парсер, скрипт, виджет и др.) с афишей сайта КУЛЬТУРА.РФ

    Уважаемые форумчане, подскажите, пожалуйста, парсер, скрипт, виджет или другое решение для размещения на сайте отдельной страницы или модального окна с информацией (фото + заголовок) от определенного автора с афиши сайта КУЛЬТУРА.РФ Какие есть варианты?

    Asked by Totalist,

    0 votes
    10 answers

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

    Добрый день, что делаю не так? Глаза уже замылил себе пытаясь найти причину. Нужно сделать - спозиционировать картинки так, что бы центральная перекрывала все, а 2 боковые были за родительским блоком и за центральной картинкой Тык А получается только вот так - 2 боковые позади центральной, но не могу их поставить позади родителя - Тык Либо подскажите как грамотно оформить этот блок с будущим нацеливанием на адаптивность. <div class="row"> <div class="col"> <div class="services-boxes"> <div class="services-boxes_first-box"> <img class="services-boxes_first-box__first-house" src="img/first_house.png" al…

    Asked by Владимир Горинов,

    0 votes
    1 answer

  19. Подскажите как сверстать блок меню с логотипом в центре

    Привет. Не выходит сделать оформление меню и вставить туда логотип! Задача вроде бы и не сложная, но у меня почему то не выходит. Сайт на Bootstrap 3 верстаю, меню тоже использовал бутстрапа. Сделал вот таким вот образом : Добавил серую полоску сверху меню и снизу, само меню сделал navbar-inverse(черный цвет). А вот как вставить логотип в центр не пойму, что-то видимо сделал не правильно, прошу сильно не пинать, верстать только учусь... Вот опубликовал: http://brainartgroup.zzz.com.ua/ Заранее большое спасибо!!

    Asked by Maks91,

    0 votes
    6 answers

  20. Адаптивная навигация

    Посоветуйте js/jq плагины для создания адаптивной навигации. Нужно что бы изначально была обычная горизонтальная навигация, а на определенной ширине сворачивалась в тоглер. Хорошо бы с какой-то анимацией. Подскажите, что используете вы лично (если используете). Сейчас нашел jQuery-плагин, - Slidebars, но он изначально тоглер .. Как его настроить под мой пример? Спасибо!

    Asked by Hasiev,

    0 votes
    2 answers

  21. Проблема с горизонтальной линией

    Друзья у меня возникла проблема при верстке сайта. Дело в том что горизонтальная линия <hr> не отображается!

    Asked by Глеб,

    0 votes
    10 answers

  22. редактирование html кода wordpress

    Привет, подскажите, как отредактировать html код у wordpress сайта, если это возможно?

    Asked by exoty,

    0 votes
    4 answers

  23. Слайдер.

    Проблема со слайдером. При заходе на стартовою страницу слайдер ведет себя не корректно. Посмотрите пожалуйста в чем проблема.. Скину архив всего сайта, чтобы была понятна проблема целиком. Проект первый Низовцева Алена.7z

    Asked by Aliona108,

    0 votes
    0 answers

  24. php код формы

    Ребят, привет, https://jsfiddle.net/abqc1jLL/ есть такой код, но в сообщении выдает так "Заказ от fafafafafaf телефон: fafaafafafafaafaContent-type: text/html; charset=utf-8" , что забыл добавить, чтобы не отправлял $header в тексте?

    Asked by exoty,

    0 votes
    1 answer

  25. Якорь в iframe

    Возникла проблема. На странице реализован обычный якорь типа <a name="top"></a> //// <a href="#top">NEXT</a> Но при вставке этой страницы, на другом сайте через iframe якоря перестают работать... Возможно ли как-то решить проблему?

    Asked by lordenas,

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