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. Действие по клику на элемент Canvas

    Задача: нарисовать домик, и присвоить различным его элементам действия по клику, например: По клику на надпись открыть модальное окно, по клику на дверь сделать её открытой и ид. Домик нарисовал, а как применить действие по клику на элемент не могу никак понять. Не прошу сделать за меня задание, хочу именно узнать, как реализовать здесь oneclick или что здесь правильнее использовать. <!doctype html><html> <head> <title>Домик</title> <meta charset='Windows-1251'> </head> <body> <canvas id='example'>Обновите браузер</canvas> <script> var example = document.get…

    Asked by alexissmile,

    0 votes
    2 answers

  2. Выравнивание в ячейках (ie9)

    Нужно чтоб выглядело вот так и верстка была резиновой Верстаю для IE9, для контейнера задал: display:table, для потомков: display:table-cell (Flexbox не поддерживает, полифил flexie.js ставил - не действует) Нужно только выровнять элементы по вертикали http://codepen.io/anon/pen/zrQpap

    Asked by yaparoff,

    0 votes
    1 answer

  3. хочу понять позиционирование

    live: https://jsfiddle.net/5fL1xn9q/ Дублирую: div.wrapper { position: absolute; top: 0px; height: 500px; width: 600px; border: 4px outset grey; } div.title { position: absolute; top: 0px; height: 28px; width: 590px; border-bottom: groove 2px #aaa; padding: 5px 5px 5px 5px; line-height: 125%; background-color: green; } div.content1 { position: absolute; top: 40px; height: 455px; width: 590px; pa…

    Asked by rtl_one,

    0 votes
    2 answers

  4. хочу понять позиционирование

    live: https://jsfiddle.net/5fL1xn9q/ Дублирую: div.wrapper { position: absolute; top: 0px; height: 500px; width: 600px; border: 4px outset grey; } div.title { position: absolute; top: 0px; height: 28px; width: 590px; border-bottom: groove 2px #aaa; padding: 5px 5px 5px 5px; line-height: 125%; background-color: green; } div.content1 { position: absolute; top: 40px; height: 455px; width: 590px; pa…

    Asked by rtl_one,

    0 votes
    1 answer

  5. Бегучая строка с право от картинке

    Есть вот такая html страничка http://tumba.aiq.ru. Хочу бегущую стоку сделать правее логотипа. Весь код можно посмотреть через ctrl +u Может что в те <marquee> надо вписать или через css?

    Asked by galsik2009,

    0 votes
    4 answers

  6. БЭМ

    Никогда раньше не работал с ним. Сейчас знакомлюсь и ряд вопросов. 1) Обязательно ли каждому элементу dom давать класс? или можно напрямую в css обратиться к элементу? 2) А если у меня много вложенных блоков. То что делать в таком случае? разделять на логические подблоки? просто по сути даже у корневого родителя можно найти куча элементов.

    Asked by raptor-dm,

    0 votes
    8 answers

  7. Помощь в позиционировании и привязке из бд

    Кто может помочь в привязке например полей имени фамилии фото и тд к полям в базе данных. (мини соц-сеть хочу сделать для тренировки) К примеру у меня есть поле- имя- как мне связать его с БД и с моим сайтом ?чтобы отображалось данные из бд кот я ввел при регистрации - потом на странице, и тд , и тп. Подскажите литературу хотя бы)

    Asked by alex.rakov1992,

    0 votes
    3 answers

  8. Проблема с блогом, как добавить отступ

    Всем привет, возникла проблема с модулем блога, дело всё в том, что расстояние между статьями очень маленькое и текст как бы сливается (вот сайт http://www.gold-seeds.net).Подскажите как это можно исправить? Заранее спасибо, за Ваши ответы!

    Asked by Fredy_Kruger,

    0 votes
    8 answers

  9. Адаптивный шаблон страницы. Шапка не смещается.

    Здравствуйте! Помогите пожалуйста. Совмещаю html с css для создания адаптивного шаблона для рассылки писем. Вроде все адаптируется, но только шапка в мобильной версии почему-то смещается влево. Все перерыл, не могу понять почему. Спасибо! PS Возможно имеется лишний код, мог лишний раз куда-то добавить строчки из css. <html xmlns="http://www.w3.org/1999/xhtml"><head> <style type="text/css">.container { display:block!important; max-width:600px!important; margin:0 auto!important; /* makes it centered */ clear:both!important;} </style> <style type="text/css">.content { padding:15px; max-width:600px; margin:0 auto; display:block; </style&g…

    Asked by newjmrec1@gmail.com,

    0 votes
    0 answers

  10. Фон не растягивается по доине экрана

    Сайт: http://bigbars.ml/ss/index.html На первом скриншоте всё нормально, фон вписан полностью и нет пустых мест по бокам http://storage1.static.itmages.ru/i/16/0217/h_1455722608_1698131_7587051b8b.png А на втором фон почему-то обратно сужается и сверху-снизу остаются пустые места http://storage4.static.itmages.ru/i/16/0217/h_1455722665_4618589_8906aede4e.png А на компьютере так вообще ниже носа ничего не видно, плюс див #polz какой-то громадный, не такой как на телефоне http://storage8.static.itmages.ru/i/16/0217/h_1455722804_7519837_5aa444da56.jpg

    Asked by iBars,

    0 votes
    2 answers

  11. Подскажите кто ни будь, такое возможно сделать?

    Есть блок у которого включена прокрутка и по умолчанию она при загрузке страници разпологается с лева на право можно её поменять чтобы она начиналась с права на лево? вот фото http://prntscr.com/a4r8qg

    Asked by Fizruke,

    0 votes
    2 answers

  12. Как отрезать первые Х пикселей img

    Подскажите, пожалуйста как отрезать первые 100 пискелей в <img src="" width=300 height=200> что б видимой частью была картинка размером 300x100 используя css?

    Asked by IgorKo24,

    0 votes
    4 answers

  13. fullpage.js помощь в настройке

    мне нужно сделать станицу, наподобие лендинга, но там только будет скроллинг между областями. не нужны никакие визуальные эффекты нашел либу https://github.com/alvarotrigo/fullPage.js все подходит кроме того что либа запускает кучу эффектов на страницу вот демка http://alvarotrigo.com/fullPage/ мне тут нравится как сделан скролл по областям, но моя страница разлазится потому что она не приспособлена под лендинг подскажите как настроить или подскажите другое решение

    Asked by https,

    0 votes
    4 answers

  14. как лучше создать таблицу и связать строки с дивом

    У меня получается очень широкая таблица. Более 20 столбцов. Пришла идея в голову такая.. А что если сделать основные данные таблицей, а статистику (цифры), можно будет переключать табами. Таким образом на экране будет отображаться "Фиксированые данные с таблицы" + "информация с конкретного таба". Прикол заключается в том, что при выборе чекбокса - должны вся строка выделяться. Подскажите может знаете как сделать, или альтернативный вариант посоветуйте. Ниже визуальный вариант:

    Asked by myav4ik,

    0 votes
    3 answers

  15. проблемы со скриптом(ошибки)

    Данные ошибки не дают работать другим скриптам если эту строку закоментить то сразу другая ошибка я так понимаю скрипт конфликтует с чемто.. сам файл setaudiojs.js вот я добавлял к плееру http://kolber.github.io/audiojs/ползунок громкости, видимо встало криво( хоть и работает, в jquery мало понимаю поэтому половину этого файла писал с чужой помощью.. помогите избавится от ошибок

    Asked by radioactive68,

    0 votes
    1 answer

  16. Анимированое изменение числа

    В разделе js настолько нубских вопросов нет, поэтому сюда. Помогите, пожалуйста, с кодом. $({numberValue: 10000}).animate({numberValue: 5000}, { duration: 2500, easing: 'linear', step:function() { $('.count_text').text(Math.ceil(this.numberValue));}}); По идее он должен плавно опускать значение с 10000 до 5000, но конечная цифра всегда рандомная и никогда не совпадает с назначенной.

    Asked by Justus,

    0 votes
    2 answers

  17. HTML5 ползунок по типу "slide to unlock" с примагничиванием

    Нужно сделать ползунок, нашёл готовый вариант: https://css-tricks.com/examples/SlideToUnlock/ Однако от меня требуется, чтобы я сделал авто-доползание ползунка до конца, если он сдвинут минимум на 70% от старта. Как на настоящем экране блокировки. Как такое сделать?

    Asked by iBars,

    0 votes
    2 answers

  18. Прозрачность картинки и z-index

    Доброго времени суток, сегодня начался рабочий день и я продолжил свою работу по web проекту, но вот наткнулся на одну проблему. Есть модальное окно при открытии которого появляется форма отправки сообщений, и решил я на одной странице добавить картинкам (в постах) прозрачности (css opacity) добавил эффект плавного изменения прозрачности для hover этой картинки и все бы хорошо, но при открытии модального окна картинка вылазит на перед этого окна (как будто кто то дописал z-index:99999;) при чем если убрать свойство opacity у картинки то при открытии модального окна все отображается нормально! Что это может быть? http://test.sud-expertiza.dp.ua/available-properties.html - …

    Asked by karakym,

    0 votes
    3 answers

  19. Помогите сделать выпадающее меню на сайте

    Здравствуйте форумчане.Помогите преобразовать обычное горизонтальное меню сайта в Выпадающее меню с 2 уровнями(Пример на фото) Вот код уже имеющегося горизонтального меню: <div class="default" id="menu"><div class="container"><a href="#999">Бытовые</a> <a href="#502">Промышленные</a> <a href="#503">Терморегуляторы</a> <a href="#504">Акции %</a> <a href="#505">Монтаж</a> <a href="#506">Отзывы (Видео)</a> <a href="#507">Контакты</a></div></div> Вот его стили: #menu { height: 42px; margin-top: -23px; background: #027bb5; /* Old browsers */ background: -moz-…

    Asked by Сергей 51,

    0 votes
    10 answers

  20. type="range" и ie

    Добрый день, на сайте вывел ползунок <div class="range"><input type="range" name="rangeInput" id="rangeP" min="0" max="1" step="1" value="0" onchange="updateTextInput(this.value);"></div> <p id="demo"></p>Через css привел к одному виду в разных браузерах, но осталось две проблемы:1. В ИЕ при нажатии на ползунок и перемещении, появляется с верху квадратик с цифрой, значением, вот как его убрать.2. При перемещении ползунка, в зависимости от значения 0 или 1, должна меняться картинка, в гугле и опере меняется, а в ИЕ не хочет, где ошибка? <script type="text/javascript"> function updateTextInput(val) { if (val == "0") { docume…

    Asked by RK3DNP,

    0 votes
    3 answers

  21. как с сайта подключиться к абоненту watsapp

    Здравствуйте! Возможно ли сделать так, чтобы пользователь, просматривая сайт на мобильном устройстве, мог по ссылке сразу подключиться к абоненту Watsapp (хозяину контента сайта)?

    Asked by nlanla,

    0 votes
    3 answers

  22. Три адаптивных колонки с изображениями разного размера и колонкой с текстом

    Привет местным Возник вопрос он скорее всего очевидный, но даже не знаю как правильно у гугла спросить, а сам не могу сделать Надеюсь на вашу помощь. Нужно сделать три адаптивных колонки с изображениями разного размера и колонкой с текстом. Вот корявый пример на фиделе того что я хочу https://jsfiddle.net/bagow/ybzh6s8h/8/ Важно что бы картинки оставались одной высоты до того момента как спрыгнут на разные строки, и что-бы 1 с 3 колонки были одинаковые а 3 соответственно занимала все свободное пространство 20\60\20.

    Asked by dimabagow,

    0 votes
    2 answers

  23. растянуть inline-block до конца строки

    помогите пожалуйста растянуть правый внутренний inline-block до конца строки http://plnkr.co/edit/Pug0TBbVWjF0wEkYpcT9?p=preview есть такой вариант, но в этом случае перестает работать vertical-align: middle http://plnkr.co/edit/q69ycAxFC3yx2k2nTlbQ?p=preview

    Asked by FeelUs,

    0 votes
    1 answer

  24. Управляемая граница блока/фрейма

    Здравствуйте! Даже не знаю как назвать тему. В общем ищу скрипт или реализацию того как это сделано на http://jsfiddle.net/ Т/е там есть 4 блока и у каждого можно изменить границу. Я помню что у фреймов так можно сделать, но есть ли что-то с блоками такое же? Подскажите пожалуйста. Спасибо! Нашел нечто подобное - http://jqueryui.com/resizable/#synchronous-resize Но интересует разделение области/слоя/экрана на 2 части граничащих, уменьшая одну - вторая увеличивается и наоборот. Как таблицы в Экселе наверное.

    Asked by vlasenkov,

    0 votes
    3 answers

  25. Перенос сайта !

    Друзья есть сайт www.peek.com кто сможет скопировать его так чтобы все работало ? только главная страница. На самом деле это очень нужно. У меня почему то не работает эта часть не пойму почему. Кто может помочь. Я себе уже всю голову проломил.

    Asked by Balthazar,

    0 votes
    1 answer

  • Обсуждения

    • 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