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. Переход Да или Нет

    Надо чтоб отображалось слово Автомобили, нажимаешь на Нет или Да, и появлялось дальше по дереву Помогите реализовать 1 уровень

    Asked by khomchenko,

    0 votes
    0 answers

  2. проблемы с айфон

    И снова у меня проблемы с продукцией великого бренда огрызка http://verstka.webjon.ru/ там, где каталог продукции, ниже баннеров. на айфоне (ну и других апплах) наблюдается http://joxi.ru/vn2YRynULKjoA6 подобный косяк. Я уже все попробовал (если где странные и ненужные стили не удивляйтесь). Я реально не понимаю, как при указанной высоте один абзац оказывается меньше другого. я даже высоту картинок выровнял... Ну и просто, скажите аппл, он кроме поднятия ЧСВ вообще имеет достоинства?

    Asked by Vlad_P,

    0 votes
    0 answers

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

    Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется 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

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

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

  6. Вопрос по функционалу HTML

    Добрый день. У меня на сайте есть карта Google, с указанием места организации. Подскажите, пожалуйста, есть ли в HTML функция начала навигации по маршруту к указанному месту? На подобии функции набора телефонного номера "tel:*******". Т.е. можно ли с помощью HTML сделать так, чтобы по нажатию на карте на адрес начиналась навигация? Заранее большое спасибо.

    Asked by viperovm,

    0 votes
    0 answers

  7. Проблемы с WordPress

    удалите пож, тему вот скрины скриныВП.docx

    Asked by Verdere,

    0 votes
    0 answers

  8. прошу помогите знающие люди!

    ребят, очень надеюсь на вашу помощь, вознаграждением тоже не обойдем, сутуация следующего характера, в умном фильтре после выбора любой позиции, он тупа перестает раскрываться http://www.blackshina.ru/catalog/tyres/ вот именно здесь, подбор шин, все перелоатил, не могу дать ума даже примерно что рыть, отзовитесь плиз!

    Asked by imaestro,

    0 votes
    0 answers

  9. Как сделать CARDS в линию, по центру и bootstrapped?

    Как сделать CARDS в линию, по центру и bootstrapped? У меня будет 9 карт. А код здесь https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_cards_depth Если можно, то пришлите код. А то я снова накосячу Спасибо

    Asked by 123yes,

    0 votes
    0 answers

  10. Не работают ссылки в плавающем фрейме

    Здравствуйте. Я начинающий в html, да и в программировании в целом, однако, мне эта сфера очень интересна. Суть страницы: список ссылок с полезными страницами. Проблема такая: Есть список ссылок на страничке, и они должны открыться в плавающем фрейме на этой же странице, однако, при клике выдается пустой квадрат. Отмечу, что часть ссылок работает нормально. Текст фрейма: <iframe align="right"; scrolling="yes"; width="80%"; height="800"; name="useful">Содержание</iframe> Тег <frameset> не используется. Проблемная ссылка: <p><a href="http://htmlbook.ru/samhtml/tekst/spetssimvoly"; target="useful";&…

    Asked by WhiteRaven,

    0 votes
    0 answers

  11. Нужна помощь с transition

    Нужна помощь опытных верстальщиков. Цель, что бы кнопка submit при наведении плавно заполнялась с низу в верх другим цветом, как в примере с кнопкой Download. Задача--> https://jsfiddle.net/#&togetherjs=l0dHCPehOk Пример--> https://jsfiddle.net/#&togetherjs=CGBJ6RhM5L

    Asked by Roman Daujotas,

    0 votes
    0 answers

  12. Полная замена кода страницы

    Доброго времени суток! Буду краток : обучаюсь верстке, наткнулся на такой пример (на кодопене, внизу, если не открывает - codepen.io/colewaldrip/pen/MKmKEJ) Проблема: На сайте и в скаченных исходниках (архиве) совершенно разные коды, хотя открывается та же форма (можете попробовать экспортировать). Соответственно я так понял, что код где-то должен заменяться, только я не понимаю где. Будьте любезны, объясните почему так происходит, где происходит замена и что можно почитать/ посмотреть на эту тему. Заранее спасибо.

    Asked by Antigr,

    0 votes
    0 answers

  13. Scroll horizontally in JQ

    Всем привет! Помогите реализовать нормальную горизонтальную прокрутку

    Asked by Schamil74,

    0 votes
    0 answers

  14. Отображение в сафари

    http://verstka2.webjon.ru/ На главном бане стилизованный список select2 и вот он отображается ниже на айфоне. Думаю и в др. сафари то ж самое,Никакие попытки выровнять не помогли. Инструменты вот такое показывают http://joxi.ru/KAxdZVT44v1zA8 Откуда берется отступ так и не понял. ессно жесткое задание высоты не помогает

    Asked by Vlad_P,

    0 votes
    0 answers

  15. Расположение элементов

    Пытаюсь вот эти кнопочки сделать по макету, на картинках показано как при увеличении сдвигается нижний блок влево,а при уменьшении лепятся друг под друга. Как лучше решить эту проблему? Код у меня такой: https://jsfiddle.net/qcwh4L69/ Надеюсь нормально выложил.

    Asked by instant,

    0 votes
    0 answers

  16. Не отображаются картинки в 'essential grid'

    Добрый день. Сайт на вордпрес, не понимаю что блокирует картинки плагина "Essential grid". Подскажите с решением, кто сталкивался. Сайт - http://airybeats.com/ Сразу после "Contact form".

    Asked by band1k,

    0 votes
    0 answers

  17. Скроллинг при нажатии на заголовок (вертикальный аккордеон)

    У меня стоит простой бутстраповский аккордеон, при нажатии открывается одна и закрывается другая скрытая информация. Но есть проблема, когда в скрытом содержимом большое количество информации, при попытке открытии следующей, аккордеон сдвигается наверх. Нужен скрипт для фиксированного заголовка аккордеона. Смогли бы вы помочь с этим? Cнизу код html <div class="panel-group accordion" id="panel-651270"> <div class="panel panel-default"> <div id="yazyk-kurs" class="panel-heading"> <i class="fa fa-globe fa-lg" aria-hidden="true"></i> <a class="panel-title colla…

    Asked by guumee,

    0 votes
    0 answers

  18. Знакомство с CMS - с чего начать?

    Здравствуйте. Я начинающий верстальщик, и, в принципе, могу сверстать сайт по макету с нуля. Но я понятия не имею, как происходит наполнение моего сайта контентом, кто этим занимается, и какова моя роль как верстальщика в этом процессе. Должен ли я каким-то специальным образом подготавливать свою верстку, или это уже вне моей компетенции? И если да, то что конкретно я должен знать об этом, как простой верстальщик? С чего начать и где копать?

    Asked by aspirin37,

    0 votes
    0 answers

  19. Маштабирование макета

    Ребят помогите разобраться, не пойму где ошибка,есть макет в котором верхнее меню ведет себя как надо при сужении окна браузера а текстовый блок уезжает за его границы,никак не могу найти ошибку в коде код html <div class="slide-title"> <div class="info"> <h1>our strong <br> organaisation</h1> <span>Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed do eiusmod tempor incididunt ut labore et. ectetur adig ipis cing elit, sed do eiusmod tempor incididunt.</span> <button>Contact us</button> </div> код css .slide-title { display: block; position: relative; max-wid…

    Asked by Евгений_SB,

    0 votes
    0 answers

  20. Помогите разобраться с версткой

    <div class="container"> <div class="relation"> <div class="relation__ratio"> <div class="relation__wrapper"> <div class="relation__big-img"> <img src="img/gallery3.png" alt="gallery3"> </div> <div class="relation__row relation__row1"> <img class="relation__img" src="img/gallery1.png" alt="gallery1"> <img class="relation__img" src="img/gallery2.png" alt="gallery2"> </div> <div class="relation__row"> <img class="relation__img" src="img/gallery4.png" alt="gallery4"> <img class="relation__img" src="img/gallery5.png" alt="gall…

    Asked by kudryavi,

    0 votes
    0 answers

  21. Помогите разобраться с адаптивным меню

    В бустрапе контейнер создает свою стандартную ширину 1140 вроде, я ставлю свою 1024 и у меня слетает nav меню для мобильного разрешения HTML <header> <div class="container"> <div class="row hidden-xs"> <div class=" col-lg-3 header-logo"> <p>Burgers<span>.co</span></p> </div> <div class="col-lg-7 col-lg-offset-2 header-menu"> <ul class="nav nav-pills "> <li class="active"><a href="#">Home</a></li> <li><a href="#">Our Burgers&…

    Asked by Sunboy,

    0 votes
    0 answers

  22. Видеоплеер для сайта

    Подскажите как сделать такой-же раздел с видео как в ВК. Чтоб внизу были просто виде при наведении на которые появлялась кнопка плей при нажатии на которую открывался плеер в Фэнси-боксе. А вверху плейлисты при проигрывании которых справа в плеер появлялся список видео в плейлисте. Ато кучу видео просмотрел там только рассказы как свой плеер на HTML5 или JS сделать

    Asked by Brodyaga337,

    0 votes
    0 answers

  23. Поддомены в папках основного домена

    Здравствуйте. Пытаюсь реализовать поддомены в папках основного домена и отчасти это получилось. Индексный файл субдомена лежащий в папке subdomain открывается как subdomain.domain.ru переадресация реализована файлом .htaccess, но когда мы создаем в папке subdomain, например папку name с index.php то путь до него получается следующим subdomain.domain.ru/subdomain/name, хотелось бы subdomain.domain.ru/name. Собственно, вопрос в том как убрать этот самый лишний subdomain из адресной строки. Создать отдельную директорию на хостинге под домен не вариант, так как поддоменов будет более 100. Часть htaccess выглядит следующим образом: RewriteCond %{HTTP_HOST} ^www\.(.*)…

    Asked by Dmitriy5023,

    0 votes
    0 answers

  24. Загрузить изображения, не залезая в код.

    Всем привет! Я, некоторым образом, нуб в верстке. Сделал пару сайтов, чисто на html и css, пользуясь руководствами, как направляющими. Сайты работают вполне приемлемо, однако, я столкнулся с одним неудобством: каждый раз, для загрузки изображения, мне требуется залезать в панель управления Джумла и, либо создавать там новую категорию и макеты, либо менять изображения и текст в тех, что уже существуют. Это не очень удобно, тем более, что я, каждый раз, успеваю забыть, какой порядок действий мне нужно совершить. В связи с этим, возник вопрос: можно ли как-то сделать так, чтобы загрузка изображений происходила, как, к примеру, вКонтакте, когда можно создать альбом - и закину…

    Asked by Dmitry_Di,

    0 votes
    0 answers

  25. Проблема просмотра сайта через мобильные устройства.

    Данная страница ужастно отображается на Iphon и Ipad - http://admin.siteboom.ru/login.php# Все тесты оно проходит хорошо.. При уменьшение окна браузера тоже нормально. Не могу понять почему на мобилах так плохо. <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <title>Введите пароль - SiteBoom</title> <link rel="stylesheet" type="text/css" href="style/login.css"/> <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,9…

    Asked by Fly_Lakmey,

    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