HTML Coding

29542 questions in this forum

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

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

   Asked by mstdmstd, September 25, 2017

   0 votes
   1 answer
2. Помогите разобраться в чем проблема с PerfectPixel

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

   Asked by Super_Saimon, September 24, 2017

   • perfectpixel
   • позиционирование блока
   0 votes
   12 answers
3. Как масштабировать сайт, если масштабирование в ОС отключено?

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

   Asked by VasyOK{!}, September 24, 2017

   0 votes
   10 answers
4. Как растянуть блоки по высоте строки

   вот пример на codeopen.iohttps://codepen.io/anon/pen/gGgMWX Всем ячейкам задана высота 45px. Одной из ячеек задана высота 69px. Строка растянулась по высоте в 69px. Как сделать так, чтобы остальные ячейки тоже растянулись по высоте строки ?? height: 100% не будет работать Мне просто интересно возможно ли как то сделать, не ужели нельзя...

   Asked by SnowSilver, September 25, 2017

   0 votes
   13 answers
5. Математика и Веб-программирование

   Всем привет. Начал я недавно изучать JavaScript. Раньше, косвенно (в техникуме) изучал C++ (ну и по-стандарту: Pascal, Basic). Сейчас вот решил заняться вёрсткой, а в будущем хотелось бы перейти в JavaScript программисты. С JS вроде всё нормально, но вот задался вопросом насчёт математики. Ясное дело, что программисту очень нужна математика. Сейчас я в выпускном классе на заочном и за последние года 3 не очень часто занимался математикой, и успел всё забыть. Но раньше с ней дружил хорошо. Вот и решил вернуть свои навыки, но так как время идёт, хотелось бы расставить приоритеты в её изучении. Вот собственно и сам вопрос: Можно ли получить примерный список ра…

   Asked by Tascan, November 22, 2017

   0 votes
   2 answers
6. Как задать 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, September 26, 2017

   0 votes
   3 answers
7. Репозитории в github

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

   Asked by nightgremlin, September 27, 2017

   • github
   0 votes
   5 answers
8. html Поделить страницу на 4 ровных ТРЕУГОЛЬНИКА

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

   Asked by 4rtemy, October 1, 2017

   • треугольник
   • css
   • js
   • site
   • сайт
   • вёрстка
   • верстка
   0 votes
   0 answers
9. заблокирован из-за несоответствия типа MIME

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

   Asked by Sergey2510, September 28, 2017

   • заблокирован
   • mime
   • сайт
   • html
   • php
   • сервер
   • проблема
   • верстка
   • link
   • meta
   0 votes
   3 answers
10. Animation (other)

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

    Asked by AlexandrShinkin, October 30, 2017

    • графика
    • фон
    0 votes
    1 answer
11. На разных разрешениях меню выглядит по разному

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

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

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

    Asked by Highlander, September 30, 2017

    0 votes
    0 answers
13. Не работает 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, October 1, 2017

    • slick jquery carusel
    0 votes
    0 answers
14. Не могу подвинуть элемент

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

    Asked by chvorost, October 1, 2017

    0 votes
    2 answers
15. 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, October 2, 2017

    • randmo music
    • music
    • help
    0 votes
    0 answers
16. Строка съезжает вправо и переносится

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

    Asked by DcMatatov, October 3, 2017

    0 votes
    2 answers
17. 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, October 3, 2017

    • grid layout
    • responsive
    0 votes
    0 answers
18. Как верстать из jpg?

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

    Asked by Hasiev, October 3, 2017

    0 votes
    2 answers
19. Как скрыть символы на конце?

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

    Asked by nikki4, October 3, 2017

    0 votes
    7 answers
20. добавить еще один блок

    Всем привет Помогите отредактировать 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, October 3, 2017

    0 votes
    5 answers
21. Как реализовать на JavaScript

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

    Asked by Hasiev, October 3, 2017

    0 votes
    2 answers
22. Долгая загрузка страницы

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

    Asked by Makhovitskii, October 3, 2017

    • оптимизация
    • верстка
    • html
    • css
    0 votes
    1 answer
23. Актуальность изучения определенных разделов в JavaScript

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

    Asked by Super_Saimon, October 4, 2017

    • побитовые операторы
    • побитовые сдвиги
    0 votes
    2 answers
24. Верстка сложных элементов

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

    Asked by Alexander_G, October 4, 2017

    0 votes
    4 answers
25. Передёргивание страницы на чекинг радио инпут

    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, October 4, 2017

    0 votes
    3 answers