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. Помогите пожалуйста, я уже задрался!

    У меня в коде HTML/PHP почему-то тег (или как это назвать) <?php Открывает не php код, а html комментарий и получается, что на странице отображается кусок PHP кода после CURLOPT_URL =>. В notepad++ всё отображается правильно, помогите пожалуйста, я замучился уже. <body> <form action="" method="get"> <input type="text" name="url"> <input type="submit" value="Вася, ран"> </form> </body> <?php $options = array( CURLOPT_URL => 'http://audiotag.info/index.php', CURLOPT_RETURNTRANSFER => true, CURLOPT_POST => true, CURLOPT_POSTFIELDS => http_build_query(array('URL' => $_GET['url'], 'step' => '22')), );…

    Asked by zax2002,

    0 votes
    5 answers

  2. Не могу подвинуть элемент

    Не могу подвинуть элемент - запись на консультацию ( см скрин) Пробовал менять значение margin-top в css все равно не встает на нужное местою Помогите пожалуйста решить проблему

    Asked by chvorost,

    0 votes
    2 answers

  3. Помогите разобраться в чем проблема с PerfectPixel

    Добрый день! Воюю с позиционированием по центру экрана, вернее, блока wrapper-a. Решал задачу через свойство "position". Задал wrapper-y relative, а дочернему блоку, который и нужно отцентрировать, само-собой, absolute.Задал отступы слева, сверху по 50% и margin -top, -left по отрицательной половине высоты и ширины дочернего блока. И тут возникает проблема-открыв шаблон и свою верстку в PerfectPixel увидел несоответствие по отступам сверху и слева. А ширина и высота самих блоков целиком совпадают. Отступы у родительских блоков(внешние и внутренние) у меня убраны. И попытка поиграться со значениями успеха не дает.

    Asked by Super_Saimon,

    0 votes
    12 answers

  4. Random Music в визуалайзер.

    Добрый вечер, столкнулся с вопросом: Имеется визуалайзер, как можно реализовать рандомный выбор музыки? Пробовал искать что либо в интернете, но толком ничего не нашел. Прошу помощи, у опытных пользователей. <script language="javascript"> let initialized = false; window.onload = function() { player.src = "1.mp3"; player.play(); player.loop = true; if (!initialized) { initializeVisualizer($("canvas")[0], $("audio")[0]); initialized = true; } }; </script>

    Asked by Wayne1337,

    0 votes
    0 answers

  5. Границы HTML документа

    Доброго времени суток. Хотелось бы по интересоваться у более опытных людей как правильно настроить границы html документа Скрытый текст Красной рамкой отметил поле которое не могу убрать сам body и head идут до этой рамки не знаю что делать 2 дня бьюся с этой ерундой подскажите как сделать? все независимо от масштабирования. ссылка:тык

    Asked by Sapport,

    0 votes
    2 answers

  6. Поделить страницу на 4 ровных ТРЕУГОЛЬНИКА

    Всем привет! Вопрос по #svg ! Нужно поделить екран на 4 треугольника(как на картинке, ссылка на гугл диск с картинками и сами картинки снизу). В этих треугольниках должна быть картинка и пару строк контента, ну и наведение работать должно. Пробовал крутить блоки, но посмотрев, что адаптивность умирает — решил пойти через свг, но так как не шарю в viewBox и point`ах застрял((. Если у вас есть другие варианты решения, с радостью жду! Заранее спасибо! ССЫЛКА НА ПАПКУ С КАРТИНКОЙ: drive.google.com/...OB17Nn6PExYTluN0lVcm1xOW8 а также ФАЙЛЫ САЙТА: drive.google.com/...OB17Nn6PExTUdFODNXYzRNOTA ——————————————HTML————————————————— <!DOCTYPE html> <html lan…

    Asked by 4rtemy,

    0 votes
    0 answers

  7. Ноутбук для вёрстки

    Добрый день. Кто верстает на ноутбуке, подскажите пожалуйста, как обстоит дело с удобством. Возникла необходимость поработать удаленно, но еще ни разу не сталкивался с вёрсткой на ноутбуке. Планирую покупать ноут с самым большим разрешением и самым большим экраном. Как верстаются сайты с разрешением в 1920px и более? Насколько вообще большая разница со стационарным компом с хорошим монитором? Не уверен, что правильно выбрал раздел. Если ошибся, перекиньте тему пожалуйста в нужный раздел.

    Asked by Vessel,

    0 votes
    22 answers

  8. Не работает jQuery carusel

    Добрый день Не как не могу осилить jQuery карусель slick http://kenwheeler.github.io/slick/ Хочу автоплэй сделать. Вижу код меняется, а на экране ничего не видно. Как я только не крутил css но добиться того что бы все работало и было видно карусель у меня не получилось. Помогите, пожалуйста. <!DOCTYPE html> <html> <head> <title>My Webpage</title> <link rel="stylesheet" type="text/css" href="http://kenwheeler.github.io/slick/css/style.css"/> <link rel="stylesheet" type="text/css" href="http://kenwheeler.github.io/slick/slick/slick-theme.css"/> </head> <body> <div class="autoplay"> &l…

    Asked by darksmoke,

    0 votes
    0 answers

  9. Touch zoom плагин на JQ, кнопка Назад и мобильная верстка.

    Задам сразу три вопроса дабы не плодить темы: 1. Подскажите кто знает существует ли решение для реализации тач зума для изображений на мобильных устройствах? Смысл какой, в десктоп версии к изображениям прикручен обычный js loupe. При наведении на картинку на мышке появляется квадратик со scale 2x. Теперь нужен похожий эффект на мобильной версии, в голову приходит только появление такого квадратика по нажатию. Клиент водит пальцем по изображению и рассматривает как в увеличительное стекло изображение. Ну или же придется делать просто лайтбокс с возможностью зума двумя пальцами. Поиск ничего не дал. 2. Реализовал на fancybox всплывающие окна с крестиком для их за…

    Asked by Highlander,

    0 votes
    0 answers

  10. Проблема с расположение блоков на iPhone

    Добрый день. Столкнулся с неожиданной проблемой. На айфонах блоки сайта наезжают друг на друга, на винде и андроиде всё работает нормально. Вьевпорт указан. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> На айфонах сайт выглядит так: Должен выглядеть вот так: Задачу осложняет то что у меня нет iOS устройств чтобы можно было протестить, а все эмуляторы, какие пробовал, выдают что всё верно. Кто-нибудь сталкивался с подобным? В чем может быть проблема?

    Asked by Rex4r,

    0 votes
    5 answers

  11. заблокирован из-за несоответствия типа MIME

    https://proverka1.000webhostapp.com/ На пк сайт отлично работает, а на сервере не запускает css файлы : wp-content/plugins/fullpage172/fullpage/nav/section/filled-circles.css@ver=2.9.2 ; Перерыл весь интернет и не нашел ответа.Помогите )

    Asked by Sergey2510,

    0 votes
    3 answers

  12. Как задать padding у блоков и сами блоки нужного размера?

    Приветствую! Собственно у меня такой вопрос. Есть покупной шаблон WP с которого я стащил стили (хочу сверстать что-то похожее но своих размеров. Своих размеров-это колонки и контент моего шаблона, а не WP. В общем берётся только технология вёрстки где это возможно. Проблема первая-это то что в WP шаблоне были множественные стили. Вот так: <div id="content" class="content page-full main-contener clearfix">Какой-то content</div> Я логически свёл всё где можно в один класс, написал новые стили. Вышло вот что: Скрытый текст <div class="wrapper"> <header class="header"> <div class="top-bar clearfix"> <div class="logo…

    Asked by tigrus2014,

    0 votes
    3 answers

  13. Почему в карусели не работает событие мыши?

    И не работает если у карусели стоит значение loop: true, а если false то норм https://jsfiddle.net/hhnq8a26/21/

    Asked by aqua.77,

    0 votes
    1 answer

  14. На разных разрешениях меню выглядит по разному

    Здравствуйте уважаемые пользователи. Прошу помочь разобраться, вот это меню выглядит по разному на разных разрешениях. Блок практически меняет размер и весь текст сливается. Скрытый текст @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300'); .menu { position: block; max-width:100%; background: #fff; } .contact_info { font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; } nav { position: inherit; max-width: 100%; margin: 0px 0 0 0px; } nav ul { position: inherit; background: #48cfad; list-style: none; margin: 0; padding: 0; } nav ul li { position: relative; display: inline-block; …

    Asked by korotkov,

    0 votes
    6 answers

  15. Репозитории в github

    Здравствуйте уважаемые форумчане! Я думаю многие из вас работали с github. Объясните мне пожалуйста как работать с репозиториями. Я создал репозиторий вида username.github.io На компе у меня есть локальный репозиторий, созданный с помощью Git. В нём уже есть файлы, папки всё работает. Но мне всё это надо закинуть не в username.github.io , а в папку (подрепозиторий или проект), например username.github.io/new-layout ___________________________________________________________________________________________________________________________________________________________________ Вопрос состоит в следующем, как создать такую папку и запихну…

    Asked by nightgremlin,

    0 votes
    5 answers

  16. Как масштабировать сайт, если масштабирование в ОС отключено?

    Один товарищ нашел 5k монитор. Разрешение на коем огого, при этом масштабирование интерфейса в Windows отключено. Как принудительно масштабировать сайт, если масштабирование интерфейса в ОС отключено?

    Asked by VasyOK{!},

    0 votes
    10 answers

  17. верстка и JS программирование в Safari ?

    Подскажите а чем верстка в Safari и JS программирование отличается от других браузеров(Chrome,FF, Opera) ? Большая ли разница при разработке? Спасибо!

    Asked by mstdmstd,

    0 votes
    1 answer

  18. hover

    Народ- подскажите как сделать в hover обратные закругления рамки

    Asked by yancy77,

    0 votes
    6 answers

  19. Не работает "position: sticky"

    На сайте есть главное меню (где полоса поиска по сайту) и оно должно прилипать к экрану при прокрутке страницы. В HTML-файле на компьютере это работает, но на хостинге перестает, хотя это просто вёрстка. HTML: ... <body> <div class="box box-top sticky"> <div class="container"> <div class="menu_main"> ... </div> </div> </div> </body> ... CSS: .sticky { position: sticky; top: 0; z-index: 11000; }

    Asked by iBars,

    0 votes
    2 answers

  20. Помогите с версткой

    Подскажите пожалуйста, как лучше сделать треугольник на заднем фоне? использую bootstrap, пробовал с помощью svg, но вышло не комильфо)

    Asked by Onokainc,

    0 votes
    6 answers

  21. Секция со скрученным фоном

    Помогите пожалуйста, никак не пойму как выполнить это решение дизайнера (Не знаю как правильно). Данную секцию вынес в отдельный PSD-файл . Если кто-то захочет сверстать, контент не нужно наполнять (текст, девайсы). Меня интересует больше полоса посередине, и ее наклон. Большое, человеческое, Спасибо! p.s Какой месяц подряд у меня не загружаются вложения .. Поэтому ссылка на сторонний ресурс, там и psd, и jpg превьюшка. p.s.s Знаю что можно сделать на псевдоэлементах, трансформах, канвасах .. Но, лучше один раз увидеть правильное решение.

    Asked by Hasiev,

    0 votes
    3 answers

  22. Вывести новости с другого сайта

    Добрый день. Есть сайт http://mvidjer.ru/. В разделе "Новости 1С", необходимо вывести новости с сайта 1С http://1c.ru/news/newslist.jsp, на сайте 1с есть Информер, который позволяет выводить новости на других сайтах. Я его вставляю на страницу, новости не выводятся. Помогите правильно оформить или дописать код, чтобы новости выводились.

    Asked by a0377,

    0 votes
    2 answers

  23. Не отображается background-image

    Вопрос такой: указываю див'y : background-image: url(img/header.png) no-repeat; Картинка не появляется. Стоит указать width и height так сразу появляется. Еще указываю размер картинки, но почему не показывает. Стоит указать на 10px больше высоту, так сразу появляется. Вопрос: обязательно ли всегда указывать размер картинки, если да, то во всех же браузерах по-разному будет отображаться?

    Asked by Ars,

    0 votes
    5 answers

  24. Горизонтальный скролл в адаптиве - откуда взялся?

    http://resursmed.ru/ При уменьшении видимой области появляется горизонтальный скролл за пределами страницы. А там вроде как пусто. Чем меньше размер окна, тем больше скролл. Пожалуйста, ткните носом, где я ступил?

    Asked by d0ublezer0,

    0 votes
    6 answers

  25. Верстка слайдера carousel/swiper

    Добрый день. Есть необходимость свертсать слайдер на главной странице: 1) пролистывание на 1 страницу осуществляется по наведению мыши на текущий слайд т.е. 1 наведение 1 слайд; 2) пролистывания с эффектом fade (один тухнет другой появляется) Все остальное время слайдер стоит просто. Попробовал написать использую bootstrap4 carousel, но столкнулся с тем что я не знаю как сделать эффект fade на нем, а если и получалось то текущий слайд резко исчезает, а новый появляется медленно и еще почему то при наведении на последний слайд курсора пролистывание идет через первый слайд (он показывается, но только на короткий промежуток времени) на jsfiddle код работа…

    Asked by AShukilovich,

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