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. Скролл на айфоне

    Здравствуйте, подскажите, если кто знает, на айфоне сайт не скролится плавно, скролится только пока касаешься экрана, как это устранить?

    Asked by Lady_V,

    0 votes
    3 answers

  2. height: auto для ios < 6

    Здравствуйте. Проблема в height: auto; для iOS устройств ниже 6 версии. В контейнере есть картинка, которая имеет свойства width: 100% и height: auto; Но iOS отказывается понимать и тянет на всю высоту, оставляя ширину в порядке. То есть картинку изрядно плющит. Нашла пару запросов, но советовали только height: auto !important; С высотой работает через медиа запрос для aspect ratio. Но интересно, может есть заклятье?

    Asked by kattiperk,

    0 votes
    15 answers

  3. Подскажите название слайдера

    Как-то и где-то видела сайты в виде слайдера. Там, еще сбоку индикаторы (курсор подводишь к индикатору и отображается название меню), а посередине контент. Как называется такой слайдер, не могу найти... Схематически набросала, вот такой к примеру..

    Asked by Fendia,

    0 votes
    1 answer

  4. Верстка выпадающего меню

    Приветствую всех, увидел красивое меню и решил себе такое же заиметь, вроде стили перенес, но с выпадающими пунктами в меню (УСЛУГИ) ничего не получается, Может кто подскажет что не так делаю? Должно быть А это как у меня получилось

    Asked by webmax,

    0 votes
    0 answers

  5. Таблица цен. Реализация в виде списка.

    День добрый! Помогите пожалуйста реализовать такую таблицу цен: http://joxi.ru/DmBDBaZfNJMdKA. Заранее спасибо.

    Asked by XuLLlHuK,

    0 votes
    4 answers

  6. Как дизайнеру подобрать сетку и брекпойннты под bootstrap 3 и 4?

    Добрый день, у меня задача нарисовать адаптивную версию дизайна сайта под Twitter Bootstrap 3 или возможно 4 версии. Сложность в том, что в отличии от моего предыдущего опыта, верстальщики с которыми нужно будет взаимодействовать не работали с фрейморком и нужно будет их консультировать. К примеру обычно рисовал макеты под стандартную сетку по шаблону Bootstrap psd grid Grid template 320px container 30px gutter 53-54pxGrid template 480px container 30px gutter 80px colGrid template 750px container 30px gutter 62-63pxGrid template 970px container 30px gutter 80-81px Вопросы: Как объяснить почему колонки сетки, которую я привел выше, разной ширины?Есть ли смысл рисовать…

    Asked by Drunk_Monkey,

    0 votes
    0 answers

  7. Помогите прикрутить готовое боковое меню к странице

    Доброго времени суток. Ни как не получается прикрутить готовое боковое меню к сайту, первая проблема это не отоброжает текст когда закидываешь на локальный хост... стоит apache, php... локальные хосты работают отлично. когда запускаешь index.html из папки все работает на удивление... Мои подозрения пали на js, в этом я полный ноль, да и в html не очень силен... поэтому прошу помощи у панимающих людей которым не жалко своего времени на такого пацана как я... P.S. когда то вы же и сами были такими, а во круг и подсказать не кому, а разобраться очень хочется... спасибо за понимание... вот index.html <!DOCTYPE html> <head> <meta charset="UTF-8" /&…

    Asked by Sergey Frolov,

    0 votes
    0 answers

  8. Отступ между iframe и текстом

    Здравствуйте, подскажите пожалуйста как можно сделать отступ между iframe (видео с youtube) и текстом?

    Asked by Orvin,

    0 votes
    2 answers

  9. Нужно ли верстать вплоть до пикселя?

    Я позамствовал на одном сайте следующую технологию верстки: 1. Делаем фон из скриншота макета 2. Ставим opacity 0.5 3. Подгоняем элементы один-в-один Но как-то видел результат верстки профессионалов, и у них, например, отступ между парой строк на 2-3 мм больше, чем в макете, текст, если приглядеться, чуть менее жирный и т.д. Вопрос: насколько допустимы отличия от макета? Или надо, как это делаю я, выравнивать до сотых частей в ущерб времени?

    Asked by AlexU,

    0 votes
    11 answers

  10. Теги сайдбра в HTML5

    В сайдбаре идёт баннер, рубрики, форма подписки, видео с ютуба и опрос. Подскажите для семантики в html5 каждый пункт можно ли делать в section или чтот то из этого не подходит для section ?

    Asked by Nikinik,

    0 votes
    0 answers

  11. Проблема с модальным окном

    Был у меня один лендинг, человек попросил сделать похожий ленд под его тематику. В конце переделки (менял только картинки и текст) заметил что когда нажимаешь на кнопку "узнать стоимость" всплывающее окно показывается по центру лендинга а не по центру экрана. Сам сайт с проблемой http://zaprintuem.ru/ До этого, окно всплывало строго по середине ЭКРАНА. Этого и нужно добиться ! Код стилей: .popup_bg{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #211722; z-index: 2000; display: none; cursor: pointer; opacity: 0.75;}.popup_window{ width: 545px; padding: 6px; background: #f6f2eb; border-radius: 5px;…

    Asked by zac,

    0 votes
    1 answer

  12. с помощью чего делать анимцию для блоков и текста

    Всем добрый день! Не так давно учусь верстке,и никак не могу понять как делаются эффекты выплывания,выезжания,проявления блоков и текстов? js,jquery,css? Сразу попрошу без сарказма на тему "погугли",мне это не помогло)хочу сделать эффекты на примере этого сайта http://hotdogstudio.ru/ , будуочень благодарен за помощь!)

    Asked by awesomo,

    0 votes
    6 answers

  13. Кастомная сборка Бутстрапа

    Всем привет. Есть место, где можно собрать бутстрап под себя и все о нем знают http://getbootstrap.com/customize/ Мне не до конца понятно, зачем дублируются одноименные "JS-составляющие" сначала в JavaScript components, а потом в jQuery plugins? Первые работают без подключения jQuery в отличие от вторых?

    Asked by goooooch,

    0 votes
    1 answer

  14. Помогите с мобильным меню

    Подскажите пожалуйста, как запехать Лого на середину шапки в мобильном меню? Вот так чтоб было http://joxi.ru/p27NDnf00ekBm7 Вот само меню http://codepen.io/Nikolaos/pen/OMyLBW

    Asked by Nikinik,

    0 votes
    4 answers

  15. Адаптивная карусель с миниатюрами с поддержкой видео

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, адаптивную карусель с миниатюрами и с поддержкой видео (YouTube, Vimeo, и Funnyordie).

    Asked by stan07,

    0 votes
    2 answers

  16. Помогите с простой задачей XML, CSS

    Доброго времени суток, товарищи! Прошу помочь с таким вот заданием: Вывести содержание документа XML, который приведён ниже, в виде таблицы с фиксированной шириной 900px, где каждый столбец имеет фиксированный размер. Каждый второй ряд таблицы выведите красным цветом.

    Asked by GrandLamoz,

    0 votes
    0 answers

  17. Самовольное изменение шрифта

    Подскажите пожалуйста, почему при проверке на девайсах ниже 500px, шрифт начинает увел, font-size задан фиксированый, сайт есть не адаптированный Используя <meta name="viewport" content="initial-scale=1"> все нормально, кроме background'ов* http://shkafbaroni.ru/dev3/

    Asked by Omega24v,

    0 votes
    3 answers

  18. Вёрстка IE Mozilla, не верно работает filter

    Только один Google Chrome отображает верно! Как именно нужно настроить кроссбраузерные стили что бы изображение стало чёрно белым? Я делал так и сработало только в Google Chrome : -webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);Вот сам пациент : http://myatlanta.pe.hu/templates1/

    Asked by ученик,

    0 votes
    1 answer

  19. Прямоугольник по размеру исходя из текста внутри него

    Добрый день, дорогие друзья. Имеется блок div, в нем один заголовок и маркированный список. Задача сделать так, чтобы блок был вписан в прямоугольник border так, чтобы ширина прямоугольника была такого же размера, как самая длинная строка в маркированном списке, либо по длине заголовка, если он длиннее. В общем, нужно получить такое же, как тут содержание. Какой сообразить стиль для такого див-а??

    Asked by Артем33,

    0 votes
    0 answers

  20. Чем нужно при верстке заменять слайдер

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

    Asked by AlexU,

    0 votes
    4 answers

  21. Почему не центрируется блок?

    Вот есть каталог электропечек для бани, со следующими стилями: .elpechi - стиль тела этой страницы, чтобы не применялось к другим аналогичным .marg - блок с каталогом печей .cat_row - блок с рядами (компонент разбивает товары по рядам) .floatleft - блок карточки товара со своими стилями. задача - отцентрировать. поидее это делается так, но не работает: .elpechi .marg .cat_row {margin:0 auto;}пробовал так: .elpechi .marg {margin:0 auto;}тоже не центрирует. текущие стили: .cat_row { float: left;}.elpechi .marg .cat_row .floatleft { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 5px #c2c0c0; …

    Asked by nikki4,

    0 votes
    2 answers

  22. Страница грузится в неправильной кодировке

    Есть форум IPB.Проблема в том,что он открывается в кодировке UTF-8 вместо windows-1251.Стоит <meta http-equiv="content-type" content="text/html; charset=windows-1251" />,но это ничего не дает.Как сие победить?

    Asked by user,

    0 votes
    14 answers

  23. gulp sass, не работает @import

    Может кто сталкивался с подобным, не могу импортировать другие sass файлы в основной (main.sass) К примеру подключение стилей файла reset.sass: @import "test/reset"После запуска компилятора, появляется ошибка Гуглил, предлагают вставить строчку includePaths: ['./styles'],либо плагины. Но почему-то всё равно не получается(( gulpfile var gulp=require("gulp");var sass=require("gulp-sass");gulp.task('sass', function() { return gulp.src('work-build/sass/*.sass') .pipe(sass({ includePaths: ['public-build/css'] //это строка, которой предлагали лечить данную проблему, но всё равно не работает, может я неправильно путь указываю })) .p…

    Asked by VeniVidiVici,

    0 votes
    16 answers

  24. Вывод файлов директории для скачивания

    Здравствуйте! Подскажите, пожалуйста, как вывести файлы не каталогом, а в виде списка… в тегах <p> или <a> , или ещё как, чтобы их можно было скачать??? http://jsfiddle.net/vr6qruy1/1/

    Asked by Алексей2802,

    0 votes
    11 answers

  25. Подскажите,не хватает опыта при верстке специфического фона для блока

    При верстке фона для блока возникла проблема. Фон специфической текстуры с шумами,а также присутствует градиент... http://static1.keep4u.ru/2015/12/09/BEZ-IMENI-4.png Вырезать кусок по всей высоте и пикселей 10 по ширине а потом его размножить по горизонтали не помогло,получается неаккуратно и некрасиво! Возможно есть другой подход к этой проблеме,но я о нем не знаю) http://static1.keep4u.ru/2015/12/09/BEZ-IMENI-7.jpg

    Asked by My}I{uK,

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