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. Письма с mail.r, list.ru... не приходят, новые правила?!

    Всем доброго дня! Может кто уже встречался с такой проблемой, майл.ру ввел новые стандарты антиспама, в связи с чем, письма созданные на сайте в форме обратной связи не приходят даже в папку СПАМ! Приходится заходит на сервер в спец. почтовый ящик. Как-то можно исправить в самой форме теги или еще что? Буду благодарен за помощь! Ссылка на страничку с формой.

    Asked by Vic-Tor,

    0 votes
    9 answers

  2. оцените html сайт

    Cоздала сайт на html , где рассказывается про canvas с объяснением, на конкретных программах. http://www.animacanvaszdorove.ru/

    Asked by Tana,

    0 votes
    3 answers

  3. Добавление ссылки на canvas

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> </head> <body> <script> var canvas, ctx; function main() { canvas = document.createElement("canvas"); ctx = canvas.getContext("2d"); document.body.appendChild(canvas); canvas.style.background = '#BAE1EC'; } main(); </script> </body> </html> Как добавить ссылку на этот canvas с помощью innerHTML?

    Asked by Alexey89,

    0 votes
    0 answers

  4. Как сделать картинку в теге body во всю ширину ?

    Как сделать картинку в теге body во всю ширину ? я делаю таким образом с помощью этой картинки http://image.prntscr.com/image/42ef47dca6414e318a404e3b1de2029c.jpg body{background: url('') repeat-x left top;} Вот что получилось http://image.prntscr.com/image/e4474289aea44821995d7762c7b2d1e1.png Но как сделать то же самое только с помощью этой картинки http://image.prntscr.com/image/0cc939f529fc4dcb8842166dc33f36f3.jpg И результат был такой же как тот что выше указан (только зеленый цвет)

    Asked by SWM,

    0 votes
    8 answers

  5. список определений с классом

    Всем привет, Используя список определений с указанием размера хедера в классе будет ли это равноценно по правилам HTML5 и SEO ? Иными словами равноценны ли записи <dt class="h3 ">TEXT</dt> и <h3>TEXT</h3> ?

    Asked by mstdmstd,

    0 votes
    2 answers

  6. Убрать отступы в div

    Здравствуйте. При создании "Хэдера" очень долго не могу найти Как сделать линию от начала экрана и до конца. В стилях приписано следующее Spoiler body {margin:0;} .head { margin: 0; width:100vw; height: auto; border: 0.8px solid black; border-top: none; border-right:none; border-left:none; } При увеличении width до 105%, и скрытии overflow-x, проблема решается для компьютеров (за исключением немного сдвинутого текста), но в данном случае при просмотре сайта с телефона он просто уменьшает размер страницы. Строкой body{margin:0} удалось убрать отс…

    Asked by Ivbykov,

    0 votes
    1 answer

  7. Отображение шрифтов в IE

    Здравствуйте. Есть сайт http://oxika.ru/ Во всех браузерах выглядит нормально, но в IE (во всех версиях) шрифты выглядят толще и меню сливается. Как быть? Пытаться прописать стили только для ие? Шрифты - конвертировал ttf.

    Asked by Vlad_P,

    0 votes
    5 answers

  8. Проблема с резиновой вёрсткой!!!

    Доброго времени суток. Очень надеюсь на вашу помощь! Сразу даю ссылку на код https://jsfiddle.net/Lavrentyev/f5ygLoxp/5/#&togetherjs=L9Tx3aRbGa Проблема в том, что мне нужна резиновая шапка. Чтобы блок с выбором языка и кнопка входа при уменьшении экрана ехали влево, но при этом сама шапка не обрезалась. Когда я ставлю шапке min-width: 1280px то шапка не обрезается но и блок с выбором языка и кнопка входа остаются на месте (http://joxi.ru/52ayglEIdaYQ20), а если ставлю шапке width: 100% блоки едут как надо, но шапка понятно обрезается по ширине экрана. (http://joxi.ru/5mdogq5HZOd5r1) Не могу разобраться с этим. Помогите, пожалуйста. Немного разобр…

    Asked by lavrentyev,

    0 votes
    0 answers

  9. Настройка шаблона

    Добрый день! Хочу сделать сайт, понравился шаблон. Я новичок в этом деле и у меня сразу возникли сложности. Вот что у меня получилось (результат). Рылся в коде, так и не разобрался как сделать что бы все заработало. Подскажите в каком направлении мне двигаться. Может у кого-нибудь была похожая проблема? Заранее спасибо.

    Asked by Aktaban,

    0 votes
    0 answers

  10. Правильное оформление меню в тегах <nav> и <ul>

    Добрый день. Всегда верстал меню так: <nav> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> </nav> Потом полазил по разным сайтам и заметил, что почти все делают такую структуру: <nav> <ul> <li><a href="#">Пункт меню 1</a></li> <li><a href="#">Пункт меню 2</a></li> <li><a href="#">Пункт меню 3</a></li> </ul> </nav> Даже здесь, на вашем форуме, меню оформлено в маркированном списке. Почему? Зачем писать больше лишнего кода? Тег <nav> уже подразумевает, что…

    Asked by LUC,

    0 votes
    1 answer

  11. Требуется создание логотипа

    Всем доброго времени суток ! Требуется логотип для мастерской по ремонту мобильных, планшетов и ноутов. Есть рабочее название "СОВРЕМЕННЫЙ СЕРВИС". Данный логотип будет использоваться на аватарке в ВК (то есть нужно выдержать размерность их авы), возможно на визитках, на будущем сайте и баннерной рекламе. Название следует расценивать как заглавие с продолжением. К примеру на вывеске большие и мощные СОВРЕМЕННЫЙ СЕРВИС по ремонту мобильных телефонов, модемов.... То есть в задумке само название должно нести и товарный знак. Но это неокончательный вариант в случае когда есть более интересное название (основное требование оно должно быть доступным для понимания любому возр…

    Asked by pinkod,

    0 votes
    0 answers

  12. Задать правильную структуру html

    Прохожу онлайн курс от htmlacademy в одном из испытаний было задание сделать сетку по приложенному примеру. Для этого я использовал много блоков с классом .wrap структура вышла не очень привлекательной и не логичной. Можете написать лучшую html структуру (с классами) для этой задачи, где фон некоторых разделов на всю ширину экрана, а контент центрируется или подскажите статью в которой это описано.

    Asked by Lukavis,

    0 votes
    6 answers

  13. Выравнивание меню

    https://jsfiddle.net/konstantinskiy/3unbLjwk/1/ Есть вот такой пример меню, нужно сделать чтобы стрелочка была прижата к тексту справа, а не к диву с правой стороны. Как это сделать?

    Asked by GuitarFan,

    0 votes
    1 answer

  14. Прикленный к нижней границе окна футер остается на месте при скроллинге

    Приветствую. Помоги пожалуйста разобраться со следующей проблемой. Есть страничка с центральным позиционированием div размером 980px. Внизу поставил div по ширине окна, "приклеил его" к нижнему краю браузера, по методике, описанной на многих ресурсах. Но есть проблема. При скроллинге, как "прикленный" футер первоначально встал, так он и скроллится, одновременно с содержимым. Причем если потянуть за нижний край окна, футер стоит у нижнего края постоянно. Как сделать так, чтобы футер "приклеился" к нижнему краю окна и оставался там, при скроллинге? Если, по каким-то причинам это невозможно, как сделать этот же div, по всей ширине окна, но чтобы он встал…

    Asked by IvanPetrovich,

    0 votes
    8 answers

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

    Очень нужна помощь! !! Верстка почти закончена за исключением одной детали, которая портит всю "малину". Не знаю как сделать чтобы при нажатии на пункт меню выделялся также и основной блок с контентом относящийся к пункту меню. Прилагаю ссылку на скриншот. http://itmages.ru/image/view/4756644/ed59c9f0

    Asked by lavrentyev,

    0 votes
    3 answers

  16. Нужен совет как сверстать такое

    Здравствуйте! Есть картинка, нужен совет по верстке. С хедером и футером и иконками проблем нет. Как сделать контент: слева и справа думаю как табы, (справа картинки с кратким описанием это кнопки табов, слева контент таба который меняется при клике),у видео также при клике менять SRC (Использовать плагин или тег <video>, ролики скачать или подключать с ютуба), или может я вообще не в ту сторону мыслю и все это делается иначе? Спасибо!

    Asked by dmitriy81p,

    0 votes
    0 answers

  17. Проблема с позиционированием блока относительно родителья

    Всем привет. При верстке возникла проблема. В header е есть ссылка при ховере на котором появляется выпадашка. У ссылки и выпадашки есть блок-родитель. Выпадашка отпозиционирован absolute ом относительно родителя. Внутри выпашдашки 3 пункта. В каждом пункте-ссылке есть теги i и spam для FA иконки и текста. Проблема в том, что при позиционирование блока смещением на право, после left: 154px текст автоматически переноситься на следующую строку. Вот фиддл. Никак не могу отловить в чем моя ошибка и как решить его. Спасибо заранее!

    Asked by parnas,

    0 votes
    5 answers

  18. "Помехи" на бегущей строке-картинке

    Здравствуйте, ребята. Подскажите, почему выходят помехи на бегущей строке. Проблема именно в Интернет Эксплорер, в других браузерах все нормально. Скрин прилагаю. Буду рад любой подсказке. Спасибо.

    Asked by surlan,

    0 votes
    0 answers

  19. Склеить два элемента

    Помогите советом. Как склеить два элемента? код нижнего: .underhead { background: #ededed; padding: 35px 0 22px 50px; } .underhead li { float: left; padding: 12px 0 12px 90px; } .underhead h3 { font-size: 15px; color: #575757; } .underhead:auto { content: ''; display: table; clear: both; } Скриншот приложил. Заранее спасибо

    Asked by serjdjio,

    0 votes
    2 answers

  20. Убрать полосы по бокам

    Здравствуйте! Не могу понять, как убрать чёрные полосы по бокам видео. Вот скриншот А вот сам код : <div class="video-container"> <iframe src="https://vid.me/e/VWeY?stats=1" height="315" width="560" allowfullscreen="" frameborder="0"> </iframe> </div> .video-container { position: relative; padding-bottom: 58.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } Благодарю за ответ!

    Asked by Zakonoposlushniy,

    0 votes
    0 answers

  21. Позиционирование картинок на заднем фоне

    Здравствуйте! Имеется картинка для заднего фона и ещё 2 файла, которые надо разместить поверх самого фона Хотелось бы узнать как можно разместить ipad и iphone на фоне, уменьшить их размер (сами они очень большиеа) и сделать растягивающийся фон Могу также оставить ссылку на psd если надо. Заранее благодарю

    Asked by Voilin,

    0 votes
    0 answers

  22. Сложная таблица средствами css

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

    Asked by Archimboldo,

    0 votes
    4 answers

  23. Background из psd макета.

    Добрый день.Как можно повторить, такой вот backgorund: http://savepic.ru/10905797.png Узор вырезал, с градиентом не могу справиться.

    Asked by NapNu,

    0 votes
    9 answers

  24. Как сделать такой блок

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

    Asked by Zakonoposlushniy,

    0 votes
    1 answer

  25. Табы появляение активности при нажатие и прелоад.

    Доброго времени суток. Вот такой у меня получился сайтик http://www.nashe.eu/about/ и вопрос конкретно по этой странице, и прелоаду главной На странице о компании, есть блок с классом about, там текст, который должен быть при переходе на страницу данную страниц, но верхние табы должны оставаться на ней всегда... Подскажите, как сделать так, чтобы активность у таба появлялась по нажатию и открывался блок с контентом данного таба, а у блока about появлялся display: none... Вот скриптик $('ul.tabs__caption_about').on('click', 'li:not(.active)', function() { $(this) .addClass('active').siblings().removeClass('active') .closest('div.tabs_abou…

    Asked by Mary_RND,

    0 votes
    1 answer

  • Обсуждения

    • 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