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. Странная работа JS

    Доброго времени суток, форумчане! Столкнулся со следующей проблемой, а скорее вопросом к опытным разработчикам. Сам вопрос в том, что я не могу понять почему так работает: <!DOCTYPE HTML> <html> <head> </head> <body> <main> </main> <script> var body = document.body; var main = document.getElementsByTagName("main")[0]; main.innerHTML += "Hello"; body.innerHTML += "World!"; </script> </body> </html> А так нет: <!DOCTYPE HTML> <html> <head> </head> <body> <main> </main> <script> var b…

    Asked by TANDEROID,

    0 votes
    4 answers

  2. Необычная фигура, как сделать?

    Ребят, есть у кого идеи как сделать вот такое чудо ? Проблема в том, что нижний левый хвост, должен быть адаптивным. И растягиваться в лево на больших разрешениях до конца. Есть идея сделать вектор, но опять же, не могу додуматься, как сделать нижий левый угод адаптивным под большие мониторы ?

    Asked by brezze,

    0 votes
    4 answers

  3. Проблема с таблицей в мобильной версии сайта

    Добрый день! Прошу помощи у специалистов. В мобильной версии сайта, таблица с ценами http://salon-fkt.ru/kosmetologiya съезжает и отображается некорректно. Сайт на Джумла, шаблон.

    Asked by marischka,

    0 votes
    1 answer

  4. Баг в хром 61 версии. Inline-block

    При дефолтном шрифте в 16 px, между блоками inline-block 4px отступа. Имеем такую верстку: Результат в хром версии 61: Отступа между псевдоэлементов before - inline-block который у нас в ширину в 1px и и первым блоком нету, но отступ должен быть! но если в хроме, в панели разработчиков, в DOM, у псевдоэлемента before выключить display: inline-block и включить, то станет нормально отображаться, попробуйте) пример: а вдругих браузерах сразу корректно отобразится что думаете на сей счет ? такой косяк с отступом проявляется только с псевдоэлементом inline-block и только в хром с большущим подозрением…

    Asked by SnowSilver,

    0 votes
    10 answers

  5. Нужно ли уметь верстать без сеток ?

    Сейчас я стараюсь верстать без сетки но сомневаюсь в этом сильно. Куда не смотрю везде сайты с сетками устроены (если адаптив присутствует на сайте). И такой вопрос появился: Понадобится в работе верстка без сетки, или я зря время трачу стараясь верстать без сетки, так как говорят что с сеткой адаптивные сайты можно быстро сверстать нежели без сетки. В компаниях делают сайты без сетки, и не стоит ли мне начать верстать уже с сетками ? ps: не совсем понял, можно ли здесь такие вопросы задавать, если нет перенесите пожалуйста тему, и на меня громко не кричите.... =)

    Asked by Димитрий,

    0 votes
    5 answers

  6. tabs в owl-carousel 2

    Подскажите пожалуйста. Проблема в том что в owl-carousel 2 не работают табы. Задача состоится в том что нужно сверстать слайдер, в слайдере сверстать табы. табы сами по себе рабочие, если вынести разметку(табов) за пределы слайдера то все работает, но если в слайдере табы перестают работать ? мб сталкивался кто то с такой проблемой ?

    Asked by olegN,

    0 votes
    7 answers

  7. Передёргивание страницы на чекинг радио инпут

    1) "Стар рейтинг" работает как задумано, только страница перёдёргивается. Решение вопроса через preventDefault() const labels = document.querySelectorAll('label'); function noDefault(e){ e.preventDefault(); }; labels.forEach(x => x.addEventListener('click', noDefault)); несостоятельно, т как инпуты перестают переключаться на "чекед". 2) Связанный с этим второй вопрос второго примера. Страница не передёргивается, чекится как надо. Только не работает в ИЕ, т как он не прощает :before применительно <input>, который не является блочным элементом. Первому варианту предпочтение, но оба примера применяют псевдоэлементы. Если нет…

    Asked by seemax,

    0 votes
    3 answers

  8. Верстка сложных элементов

    Всем привет! Есть задание, сверстать фигуру представленную ниже на картинке, так как предусмотрен hover эффект тени по всему контуру фигуры. Возникла сложно с версткой элементов обрамленных красным квадратом... Так же стоит учесть что это часть пазла представленного из четырёх элементов, и на каждом должен быть hover эффект... Как можно сверстать эти элементы? Заранее большое спасибо за помощь!

    Asked by Alexander_G,

    0 votes
    4 answers

  9. Актуальность изучения определенных разделов в JavaScript

    Добрый день! Вопрос (отчасти от лени, отчасти от интереса) опытным разрабам - доводилось ли использовать в реальных проектах побитовые операторы или сдвиги? Я, просто, работаю на данный момент на архаичном языке программирования, Delphi, чуточку знаком с Java, PHP и мне еще ни разу не пришлось столкнуться конкретно с этими операторами в "боевых условиях". Извините за столь глупый вопрос, но чисто из интереса не выдержал)

    Asked by Super_Saimon,

    0 votes
    2 answers

  10. Как реализовать на JavaScript

    Есть модальное окно, есть видео на сайте, по окончанию просмотра видео нужно вывести модальное окно, только в том случае если просмотрели до конца .. Модалку умею делать, как логику такую к JS прикрутить? Видео с ютуба. К проекту подключен iframe__api

    Asked by Hasiev,

    0 votes
    2 answers

  11. Долгая загрузка страницы

    Люди, помогите пожалуйста с оптимизацией загрузки сайта. Дали заказ на верстку посадочной страницы , я только учусь верстать и знаю что код мой очень баговый но как говориться на ошибках и учатся я перелапатил весь интернет но толком никакой информации не нашел. Проблема в чем , сайт крупной строительной компании ,и у этих ребят ну очень много работ, все они предоставлены в картинках, их там наверное под тысячу , я все сделал но сайт очень долго теперь открывается и это не удивительно учитывая такое количество картинок , как мне так сделать что бы сайт открывался быстро ? я решил сделать прелоудер но это не выход конечно же . Помогите , вот ссылка на сайт http://makhovits…

    Asked by Makhovitskii,

    0 votes
    1 answer

  12. добавить еще один блок

    Всем привет Помогите отредактировать html файл. Я пытаюсь добавить еще один блок <div class="de"> <div class="den"> <div class="dene"> <div class="denem"> <div class="deneme"> 19<span>.0</span><strong>&deg;</strong> </div> </div> </div> </div> </div> Но этот блок не хочет становиться в одну строку. Скрытый текст <html> <head> <title>Temperatures</title> <link rel="stylesheet" type="text/css" href="./css/style.css" /> &l…

    Asked by viktor6,

    0 votes
    5 answers

  13. Как скрыть символы на конце?

    Поставил форму поиска, там почему-то на конце после названия выводятся () Т.е. <span>Название1 ()</span> <span>Название2 ()</span> Можно ли как-то стилями скрыть все скобки в спанах, либо последние 3 символа? Если нет, то может как-то можно квадратиком фоновым на передний план поместить?

    Asked by nikki4,

    0 votes
    7 answers

  14. Как верстать из jpg?

    Сегодня получил первую работу на фрилансе, но, к сожалению пришлось отказаться .. Макет пришел в jpg формате, сказали что сайт должен выглядеть так в итоге, и "сверстать нужно на wordpress-е" и как я понял подключить плагин woocommerce . Хотелось бы узнать, как верстать с jpg формата, как узнать шрифты, взять изображения и т.д .. Попадались ли вам такие макеты? И еще, как натянуть готовую верстку на wordpress, возможно кто-то знает, где найти свежие уроки?

    Asked by Hasiev,

    0 votes
    2 answers

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

  16. Строка съезжает вправо и переносится

    Здравствуйте. После добавления скрипта для локализации сайта, некоторые элементы посходили с ума. В английской версии строки съезжает вправо и переносится. в русской версии текст из нижнего блока наезжает на текст из верхнего блока. Помогите пожалуйста. https://jsfiddle.net/Lqs94Lfq/#&togetherjs=MdGyCfhKaq Скрытый текст

    Asked by DcMatatov,

    0 votes
    2 answers

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

  18. Самая удобная IDE для создания игр

    Ребят, изучаю GameDev и столкнулся с тем, что нет одной IDE, которая была бы удобной для работы с кодом, именно с кодом, с лайв едитом, подсветкой и подсказками... а то я так и не понял как отдельно это все настраивать в сублиме текст. Может кто пользуется, подскажите плиз?

    Asked by Semen,

    0 votes
    4 answers

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

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

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

    Asked by chvorost,

    0 votes
    2 answers

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

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

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

    Asked by Highlander,

    0 votes
    0 answers

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

    Здравствуйте уважаемые пользователи. Прошу помочь разобраться, вот это меню выглядит по разному на разных разрешениях. Блок практически меняет размер и весь текст сливается. Скрытый текст @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

  24. заблокирован из-за несоответствия типа 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

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

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

    Asked by nightgremlin,

    0 votes
    5 answers
×
×
  • 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