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. Как откорректировать или создать сторонний код для подсписки на рассылку

    Добрый день! Ребята!! Очень нужна помощь в написании стороннего кода на сайт для подписания на рассылку. Прежде стоял код, девушка писала его вручную, но там что-то сбилось и сайт начал выдавать ошибку при подписке. Unisender сказал, что ошибка в этом друге... И еще нужно вставить API.. Надеюсь, я корректно описала проблему. Буду безумно благодарна за помощь или наставление) имеющийся код вот: <link href="https://cp.unisender.com/v5/template-editor-new/js/lib/datepicker/pikaday.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="https://cp.unisender.com/v5/template-editor-new/js/lib/moment/moment-with…

    Asked by Diana Taut,

    0 votes
    0 answers

  2. Ошибка при нажатии на Cancel

    Всем привет, Откройте пожалуйста link (там логин уже введен на странице логина) то на 1й(дефолтовой закладке) Кликнув мышкой на кноке машины( справа от лейбла "Shipping") открывается модальное окно и успешно завкрывается если нажать на кнопку Cancel Но если открыть модальное окно выше рядом с лейблом “Category(ies)” и в открывшемся модальном окне нажать на кнопку Cancel то в консоле выскакивает ошибка bootstrap.min.js:6 Uncaught Error: Modal is transitioning Модальные окна имеют схожую структуру и вызываются аналогично : backendProduct.prototype.loadProductShipping = function () { var href = this_backend_home_url+"/admin/product/load_product_s…

    Asked by mstdmstd,

    0 votes
    0 answers

  3. В хроме не срабатываеет медиа-запрос при экране менее 784 (решено)

    Страница: http://seositi.ru/ в мобильной версии разделы сайта должны быть во всю ширину. @media only screen and (max-width: 479px) { *** .site-categories ul li { float: left; display: table; width: 96%; margin: 0 1% 20px; padding: 10px 1%; // border-radius: 5px; height: 100px; max-height: 100px; } *** } в лисе и Яб-е, все ок. а в хроме почему-то не срабатывает @media only screen and (max-width: 479px) { и применяется прежний стиль, а именно only screen and (max-width: 991px) and (min-width: 768px) Попытался выяснить в чем дело: Полностью очистил файл respo…

    Asked by nikki4,

    0 votes
    0 answers

  4. Оцените вёрстку

    Всем привет. Недавно я самостоятельно сверстал макет и хотелось бы услышать мнение опытных верстальщиков. Приму и учту любой совет и критику. Ссылка на скачивание файлов: https://drive.google.com/drive/folders/0B4tKSvnDdweseFpjbERpUnVJcHM?usp=sharing <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> </head> <body> <header> <div class="container"> <div class="heading clearfix"> <div…

    Asked by JDuck,

    0 votes
    0 answers

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

    Начал изучать 3 пункт спецификации, а именно "семантику", и возник такой вопрос: Можно ли как-то узнавать, правильно ли я построил семантику для сайта, и структуру ?

    Asked by Димитрий,

    0 votes
    0 answers

  6. Почему apple подключает eot шрифты отдельно ?

    @font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:100; src:local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 100'; src:url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } То есть почему для ie пишут "SF Pro Display 100" а для остальных браузеров просто "SF Pro Display" ?…

    Asked by Димитрий,

    0 votes
    0 answers

  7. Google maps API проблема с выводом маркеров из БД

    Всем здрасти. В общем есть у меня в БД таблица с информацией о маркерах (ид, имя, адрес, широта, долгота). Эта информация из базы данных размещается в XML средствами PHP Скрытый текст <?php require("phpsqlajax_dbinfo.php"); function parseToXML($htmlStr) { $xmlStr=str_replace('<','&lt;',$htmlStr); $xmlStr=str_replace('>','&gt;',$xmlStr); $xmlStr=str_replace('"','&quot;',$xmlStr); $xmlStr=str_replace("'",'&#39;',$xmlStr); $xmlStr=str_replace("&",'&amp;',$xmlStr); return $xmlStr; } // подключаюсь к бд $connection=mysql_connect ('localhost', $username, $password); if (!$connection) { die('Not connected…

    Asked by Даниил Виттманн,

    0 votes
    0 answers

  8. Input type submit с плавающим gradient фоном

    Все работает для любых элементов кроме input type="submit". Вот пример: .test { background: linear-gradient(to left, #feffe800 0%, #c3c3c3e6 100%); transition: all 1s ease-in-out; background-size: 20% 100%; display: inline-block; } .test:hover { background-size: 100% 100%; } Здесь плавает только background-size. Что не так делаю? Это в браузере не допилено или я туплю где-то?

    Asked by Full-R,

    0 votes
    0 answers

  9. Поделить страницу на 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

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

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

    Asked by Highlander,

    0 votes
    0 answers

  11. Не работает 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

  12. 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

  13. Responsive CSS Grid Layout

    Голову ломаю уже несколько часов. Проблема с респонсивом для .portfolio-section .portfolio-item:nth-child. Без адаптива гриды норм работают, а когда медиа запрос идет, не работает. Ссылка на код(проект на SASS, лучше запускать через gulp, чтобы активировать SASS watcher) - https://cloud.mail.ru/public/Jsjw/vtaYeWHcD

    Asked by StarBurst_x,

    0 votes
    0 answers

  14. Вставить код баннера между комментариями

    Всем привет! Подскажите, как правильно вставить код рекламного баннера Google или Яндекс Директ между комментариями на WordPress. Необходимо, чтобы баннер выводился через 5 комментариев.

    Asked by IgoreL,

    0 votes
    0 answers

  15. Проблема с счетчиком посещаемости

    Я новичок скачал шаблон на bootstrap отредактировал его под себя и после всех трудов у меня возник вопрос. Все страницы на HTML5 в будущем будет до 20, как мне на сайт поставить счетчик посещаемости, яндекс и гугл примочки. ставить отдельно на каждую страницу по-моему не есть гуд. Есть какой нибудь способ, весь нет изрыл, но ничего полезного не нашел. Бросать все и переходить на cms жалко.

    Asked by rsca,

    0 votes
    0 answers

  16. AOT в angular2

    ребята, подскажите пожалуйста правильно ли я понимаю как сделать AOT-компиляцию angular2-проекта первый способ это перед помещением файлов проекта на хостинг использовать команду node_modules/.bin/ngc -p tsconfig-aot.json и после этого файлы из каталога src скопировать на хостинг но второй, более простой, способ это просто установить пакет angular-cli и запустить команду ng build. в результате создастся каталог build, который остаётся только скопировать на хостинг

    Asked by cyklop77,

    0 votes
    0 answers

  17. Как лучше сверстать?

    Всем привет! Давно сам не просил помощи и сам не советовал. Но вот настал момент, когда я застрял на простой задаче. Есть стандартная сетка бутстрап. Верстка примерно такая https://codepen.io/Schamil74/pen/QqYEGY Есть блок .text1(выделен цветом и подписан), который нужно растянуть за контейнер. Как лучше сверстать ? Сейчас куском за контейнером блок - .row_green

    Asked by Schamil74,

    0 votes
    0 answers

  18. Кроссдоменный запрос с использованием credentials

    Возможно ли отправить кросс-доменный запрос на страницу с <allow-access-from domain="*"/> и использованием кредов пользователя (пользователь залогинен на сайте, во второй вкладке открывает страницу со скриптом, скрипт получает данные с того сайта и куда-нибудь отправляет =)? На запрашиваемом сайте в crossdomain.xml: <cross-domain-policy> <allow-access-from domain="*"/> <site-control permitted-cross-domain-policies="master-only"/> <allow-http-request-headers-from domain="*" headers="*"/> </cross-domain-policy> Получаю такую ошибку: В целях безопасности, это сделали невозможно? Просто в F12-Network вижу, что responce …

    Asked by bumblebeee,

    0 votes
    0 answers

  19. графика на сайте

    Добрый вечер. Делаю сайт-заглушку. Требуется добавить графику на сайт, например, по типу http://www.costa-imaginering.com/ Кто может подсказать? sait1.zip

    Asked by AlexandrShinkin,

    0 votes
    0 answers

  20. Хорошая ли книга?

    Я начинающий веб-программист. Хочу научится правильно пользоваться HTML, CSS и javascript. Выбрал я для этого книгу Джона Дакетта Основы веб-программирования, но книга довольно дорога и я хочу узнать стоит ли она этих денег. P.S. Книгу я покупаю не в электроннлм виде. Сылок на интернет магазины скидывать не надо. Заранее спасибо)

    Asked by ToxaGAV,

    0 votes
    0 answers

  21. увеличение картинок при клике

    Приветствую! Никак не могу понять как увеличивать картинки по клику. Есть статьи обернутые в класс article <div class="article"> <p>Текст текст текст</p> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <p>Текст текст текст</p> </div> Картинки большие, уменьшаются css по ширине с авто высотой. .article img { max-width: 100%; height: auto; } Как сделать чтобы при клике на них в модальном окне открывалась полноразмерная картинка. Идеально было бы fancybox или аналог. Но я так понял они работают, только если обернуть картинки в …

    Asked by enbond,

    0 votes
    0 answers

  22. media picture

    У меня в проекте используются медиа-изображения с помощью picture и source, изображения формата svg, нужно что бы при ховере менялись некоторые стили у svg-элемента .. Как это сделать? И возможно ли это в данном случае? Пробовал в каждом svg-файле прописовать ховеры, не работает .. Я так понял нужно вставлять все svg на страницу, а с помощью media queries, показывать нужное .. Только так?

    Asked by Hasiev,

    0 votes
    0 answers

  23. Выравнивание в grid

    Здравствуйте. .wrapper{ display: grid; grid-template-columns: 1fr; grid-template-rows: 62px 1fr; grid-gap: 0px; } .logo{ grid-column: 1 / 2; grid-row: 1 / 2; } .menu{ grid-column: 2 / 3; grid-row: 1 / 2; } <div class="wrapper"> <div class="logo">LOGO</div> <div class="menu">MENU</div> <div class="main">MAIN</div> </div> хочу сверстать как на GoogleFonts (в учебных целях). использую гриды, как Вы уже догадалсиь. Как выравнивать текст и прочие элементы внутри .menu и . logo. Хотелось бы, чтобы было как на указанном сайте. Можно, конечно, обернуть .logo и .menu во флекс, но хочется как мо…

    Asked by Luca,

    0 votes
    0 answers

  24. jsonp + jsfiddle

    подскажите пожалуйста, возможно ли песочницу типа jsfiddle заставить принимать результат ajax-запроса в виде jsonp? тут я набросал небольшой пример. видно, что он не работает, а в консоли ошибочки. при этом на локальной машине проблемы нет

    Asked by cyklop77,

    0 votes
    0 answers

  25. сервис для бекенда

    ребята, а не скажете, существуют ли какие-нибудь онлайн-сервисы, которые имитируют простейший бекенд? то есть чтобы, например, самому не поднимать django или что-нибудь подобное и иметь возможность из js-фронтенда записывать и считывать простейшие, небольшие по побъёму структуры данных через REST. и чтобы при этом эти данные хранились бы постоянно

    Asked by cyklop77,

    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