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

29542 questions in this forum

  1. Проблема з масштабированием Паралакса

    есть такой параллакс, никак не могу добиться того, чтобы он был по всей области экрана вне зависимости от того какой масштаб страницы или это 35% или 150% нужно чтобы он всегда оставался одного размера P.S с простым фоном сделать это легко, надеюсь и здесь решение под поверхностью. <!DOCTYPE html> <html lang="en" class="no-js demo5"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <link rel="shortcut icon" href="../file/favicon.gif"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script…

    Asked by TrueGavr,

    0 votes
    1 answer

  2. Помогите пофиксить баг на сайте

    Привет всем. Столкнулся с такой проблемой: Перекосило background. Первое фото в полноэкранном режиме, а второе в окне. Так только в Хроме, в Мозилле и Эдж(Edge) всё нормально, но там немного съезжает меню. Если перезагрузить страницу, то всё нормально становится, но хочется чтоб было нормально. Фон в body под классом body (<body class="body">). Без менюшки такая же проблема. (ccs) .body{ background-image: url(../img/123124.png); width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: 100%; min-width: 1000px; } Без этого: background-position: …

    Asked by eWroxis,

    0 votes
    1 answer

  3. При position: absolute перестает работать margin: auto.

    https://jsfiddle.net/wm5uk9w6/ При position: absolute перестает работать margin: auto. Почему?

    Asked by torsar,

    0 votes
    5 answers

  4. Как это сверстать?

    Всем привет! Как сверстать такую секцию(см. изображение)? Сверстать нужно так, чтобы при скроллинге (используя, например waypoints) постепенно грани заливались красным цветом от step1 до step4 (анимация). Появилась одна идея, создать многоугольник из линий в svg. Другой идеи в голову не пришло. Но такое искусство не масштабируется при адаптации. Как анимировать пока даже и не думал. Это учебный макет и экспериментальный макет.

    Asked by Schamil74,

    0 votes
    5 answers

  5. Как понять if (/color/.test(webKitStyles[i]))

    Как понять это выражение? if (/color/.test(webKitStyles)) Вроде в слэши заключается выражение для шаблона замены. Даже предположить не могу каково может быть значение выражения /color/

    Asked by Аркадий,

    0 votes
    4 answers

  6. Display none

    Друзья, подскажите пожалуйста, использую плагин JScrollPane для стилизации скроллбара. Всё настроил, работает хорошо, но... проблема в том, что этот скроллбар должен быть в выпадающем окне, и открываться по клику на ссылку. Как только я задаю блоку display: none, и открываю его по клику ссылке, скролл исчезает и блок себя ведёт как при свойсте overflow: hidden, простыми сломави контент просто обрезается. Если display: none убрать, и нажимать на ссылку блок открывается и закрывается при этом скроллбар на месте. Подскажите хотя бы в какую сторону смотреть. Возможно что-то нужно изменить в скрипте. window.onload= function() { document.getElementById('toggler')…

    Asked by brezze,

    0 votes
    3 answers

  7. Проблема с блоками

    Доброго времени суток. Столкнулся с такой проблемой! https://jsfiddle.net/ysrg47Lh/, когда я делаю ширину левого и правого сайдбара в процентах то у меня все получается и блоки плавают как нужно, но стоит мне задать минимальную ширину левого и правого блока как правый блок смещается в низ под контент. В итоге я не могу сделать так что бы левый и правый сайдбар был фиксированной ширины а контент принимал размер в зависимости от экрана и при этом не скидывал правый сайдбар под себя.

    Asked by S1lencer,

    0 votes
    2 answers

  8. Целыми ли должны быть размеры шрифта в дизайне?

    Вот дизайнер вечно шлёт макеты со шрифтами с размером 26,84px, 16,37px и.т.д ... Это нормально? Или может надо заставить его переделать? Ибо заказчик очень принципиальный к пиксель пёрфекту.

    Asked by Alarr,

    0 votes
    2 answers

  9. Пропорциональное уменьшение сайта, бред ли?

    Скажите пожалуйста, возможно ли такое вообще? К примеру есть сайт, 2560px в ширину. Можно ли сделать так, чтобы вплоть до 980ти пикселей он просто, как картинка с шириной 100% уменьшался, а потом перешёл в мобильную версию? Это же полнейший бред?

    Asked by Alarr,

    0 votes
    3 answers

  10. Mask in SVG

    Всем привет! И опять у меня проблемы с SVG. Как сделать, чтобы у буквы D был такой же фон как у контейнера? Т.е. D прозрачная, и фон у многоугольника на месте буквы тоже. Мучаюсь здесь

    Asked by Schamil74,

    0 votes
    2 answers

  11. Размещение обьекта

    Привет . Не могу понять почему моя картинка(аватар) появляется перед меню. Мне нужно что бы она была в правой части экрана . Первым лого , потом меню и сразу за ним аватар. Spoiler <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link href="Style.css" rel="stylesheet" type="text/css"/> </head> <body> <div class="wrapper"> <div class="header"> <div class="headermenu"> <span class="logo">YokNgalam</span> <ul> <li><a href="#">Home</a></li> <li><a href="#">Destination</…

    Asked by kaplunA,

    0 votes
    1 answer

  12. Правильно задать отступы между элементами в статье

    Добрый день! В верстке мало опыта. Ищу универсальный и лаконичный способ описания вертикальных отступов в статье. Имею ввиду margin у заголовков, абзацев и списков. Поддерживая сайты со своей и чужой версткой часто сталкивалась, что где-то не доработано, и приходилось плодить новые правила. Чтобы итоговая верстка проходила по критериям: отступы у h1, h2, ..., p, ul, ol и всех их комбинаций между собой предсказуемы и правильны, с соблюдением принципа внутреннего и внешнего; тег первого идущего в статье заголовка можно легко заменить на другой (например, h1 на h2), не испортив дизайн; набор классов у элементов статьи сведен к минимуму; набор п…

    Asked by Svetlana_P,

    0 votes
    3 answers

  13. Кроссбраузерная НЕсовместимость

    Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется bootstrap4 Далее на картинке: 1. В хроме все норм. Единственное, как сделать, чтобы линия прогресса в блке "our process" анимировалсь только один раз после перезагрузки страницу? 2. Лого в firefox и edge отображаются одинаково. Буквы D (маска) не видно. В IE11 видно верхушку. 3. Блок "our process" в edge не анимируется progress в виде контура красным цветом, а в IE11 вообще бардак. Анимируется только появление текста. 4. На iphone5 не анимируются hexы в блоке "WHAT CAN YOU RECEIVE" Проверял на виртуальной машине. На маке не тестил, нет возможно…

    Asked by Schamil74,

    0 votes
    0 answers

  14. onmousedown и onmouseup android

    Здравствуйте. <div id="qaz" class="Pv100" onmousedown="myFunction()" onmouseup="myFunction1()"></div> function myFunction() { document.getElementById("qaz").style.backgroundColor="#FFD800"; } function myFunction1() { document.getElementById("qaz").style.backgroundColor="#FF0000"; } В браузере на компьютере работает как положено, на телефоне если нажать и отпустить только красный цвет, жёлтого нет, почему?

    Asked by Ser8191,

    0 votes
    1 answer

  15. SVG анимация

    Здравствуйте. Вопрос по SVG анимации. Есть готовый файл SVG. Это жук. У жука 6 лап. Я хочу заставить лапы двигаться. Для этого использую анимацию атрибута "d" команды path. Я попробовал пока на одной лапе, но движений ни каких. Помогите понять в чём причина. <path style="stroke:#000000;stroke-width:1.02871215px" inkscape:connector-curvature="0" d="m 365.18001,254.32998........ -11.21751,12.78362z" id="path3862"> <animate attributeName="d" id="QQ" begin="1s" dur="3s" repeatCount="indefinite" keyTimes="0;1" values="m 36…

    Asked by halione,

    0 votes
    0 answers

  16. Как сверстать такие позиционирование блоков для адаптива?

    Всем привет! Интересует следующий вопрос по адаптивной верстке. Есть 3 блока. На широком экране красный и черный - фиксированные по ширине, а белый - основной блок для контента, у которого ширина зависит от ширины страницы, т.е. резиновый. Высота у блоков может быть любой. Главное - чтобы блоки не дублировались! При узком экране красный должен переместиться над белым блоком, а черный - под ним: Я пытался сделать через float, но моих знаний не хватило на решение данной задачи. Заранее спасибо!)

    Asked by MiHALbI4,

    0 votes
    1 answer

  17. Контрольные точки в медиавыражениях и $(window).width() (или window.innerWidth) не совпадают?

    Всем привет! Столкнулся с проблемой, когда контрольные точки в медиавыражениях не совпадают с точками $(window).width() (или window.innerWidth). Это и правда так, или всё же я что-то не так делаю? Покажу на примерах. 1) https://codepen.io/psywalker/pen/WjJZbe - в этом примере верхний div отвечает за медиавыражения, нижний за $(window).width() (или window.innerWidth), ну а span -- это просто линейка в 600px, правый край которой и является нашей контрольной точкой (600px). Здесь всё работает отлично. Сузьте экран ровно до правого края span и увидите, как все два div станут синими (http://take.ms/ECczJ). А если жмякнуть ссылкой на span, то даже в консоли всё буде…

    Asked by psywalker,

    0 votes
    1 answer

  18. Несколько popup окон на одной странице на чистом JS

    Здравствуйте! Подскажите, пожалуйста, как реализовать несколько popup окон на одной странице на чистом JS? Например, если у кнопки и у popup окна одинаковые id: https://jsfiddle.net/rjno6o9q/

    Asked by volshebnyi,

    0 votes
    6 answers

  19. Правильное подключение сторонних шрифтов

    Всем привет! Подскажите с подключением сторонних шрифтов... 1. Предположим мне надо подключит какой то шрифт с разными начертаниями, могу ли я использовать одно имя шрифта в font-family, будет ли в таком случае использоваться правильное - подключенное начертание в зависимости от font-weight ? 2. Проверить, есть ли шрифт в системе(чтоб его не грузить лишний раз), можно с помощью local, такого перечисления думаю достаточно, чтоб наверника проверить: local('Roboto Thin'), local('RobotoThin'), local('Roboto-Thin') ? Я подключаю так(для каждого начертания через тире указано начертание): @font-face { font-family: "Roboto-Thin"; src: local('Roboto T…

    Asked by SnowSilver,

    0 votes
    6 answers

  20. При объединении gulpом css файлов, заменяет ссылки на border-image

    Добрый день, подскажите. до объединения css файл: shapka { border-image-source: url(img/shapka.png); } и после: shapka { border-image-source: url("../../../../src/css/img/shapka.png"); } как получить такой путь? shapka { border-image-source: url("../../src/css/img/shapka.png"); } или сделать чтобы ссылку не трогал при объединении? gulpfile.js

    Asked by 1mp0rt,

    0 votes
    1 answer

  21. Мобильная версия, несоответствующий размер

    Здравствуйте, уважаемые. У меня возникла проблема с блоком который немного "кривой" в мобильной версии. Возможно, у вас есть версии... Не подскажите, как исправить? Скрытый текст Страница бага: http://destonrp.ru/donate Спасибо.

    Asked by HosefuMeow,

    0 votes
    4 answers

  22. Как сверстать эту секцию?

    Всем привет. Вопрос: как сверстать данную секцию? prntscr.com/fr8b96 Заранее спасибо за ответы. Как сделать что бы иконка была слева, а текст справа я уже знаю. А вот как сделать это все дело в ряд до меня не доходит Возможно просто недостаточно знаний для этого.

    Asked by Crushing,

    0 votes
    2 answers

  23. Неожиданно на хостинге появился псевдокласс :root

    Доброго времени суток! Уважаемые коллеги, помогите решить проблему. Есть на хостинге статическая страничка. Неожиданно пропал блок с ссылками. Инспектор кода Chrome выдаёт вот это <style type="text/css"> :root *[pk3x5e3][hidden] { display: none !important; }</style> <ul class="social_list" pk3x5e3="" hidden=""> <li class="social_item" pk3x5e3="" hidden=""> <img class="social_icon" src="image/icons/www.png" alt="" pk3x5e3="" hidden=""> <a class="social_link" href="http://veselyevykhodnye.wixsite.com/l-school" target="_blank" pk3x5e3="" hidden="">http://veselyevykhodnye.wixsite.com/l-school</a> </l…

    Asked by Dzhem,

    0 votes
    3 answers

  24. Refused to set unsafe header "Origin"

    Здравствуйте. Подскажите пожалуйста в чём дело? function on() { var XHR = ("onload" in new XMLHttpRequest()) ? XMLHttpRequest : XDomainRequest; var xhr = new XHR(); xhr.open('GET', 'http://192.168.0.91/gpio/1', true); xhr.setRequestHeader('Origin','http://192.168.0.39'); xhr.onload = function() { document.getElementById("text").innerText=this.responseText; } xhr.onerror = function() { document.getElementById("text").innerText=this.status; } xhr.send(); } Сервер отвечает HTTP/1.1 200 OK Content-Type:text/html; charset=UTF-8 Access-Control-Allow-Origin: * <!DOCTYPE HTML> .... ..... ...... В консоли браузера Refused to set unsafe header "Origin"

    Asked by Ser8191,

    0 votes
    0 answers

  25. Два блока одинаковой высоты

    Как сделать два блока одинаковой высоты если размеры указывать в процентах. Вот пример - https://jsfiddle.net/u0w204a4/ Размер красного блока зависит от размера экрана, как подогнать высоту синего блока чтобы она была такая же как и у красного? Текст в синем блоке должен быть в самом низу на уровне нижнего края картинки.

    Asked by alleclf,

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