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. Создание диаграммы

    Добрый день, форумчане! Первый раз собираюсь делать диаграмму. Но не знаю с чего начать. Посоветуйте те, кто делал подобные. Особенно интересует как закрашивать розовым цветом.

    Asked by Nailya,

    0 votes
    3 answers

  2. Scroll horizontally in JQ

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

    Asked by Schamil74,

    0 votes
    0 answers

  3. Html не может добраться до ресурсов, где CSS файлы и картинки

    Здравствуйте. Моя проблема состоит в том, что изначально созданы папки css, img с соответствующими файлами и отдельно image.hml. Но когда .html файлов стало несколько, создав для этого папку и переместив в неё эти файлы , они вдруг перестали видеть .css. Помогите нубу, я только изучаю и мне стыдно.

    Asked by lines,

    0 votes
    4 answers

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

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

    Asked by Antigr,

    0 votes
    0 answers

  5. Как сверстать картинку, выходящую за сетку бутстрап?

    Как сверстать картинку, выходящую за сетку бутстрап? Как лучше сверстать это!

    Asked by incub,

    0 votes
    13 answers

  6. Кроссбраузерность mask и clip-path

    Как решить вопрос с кроссбраузерностью таких вещей? В firefox буквы "D" (маски) нету и clip-path не отрисовывается на сером блоке. А в IE - полная грусть. А это разметка

    Asked by Schamil74,

    0 votes
    3 answers

  7. Адаптивная вёрстка. Как правильно подойти?

    Приветствую всех! Вот хочу попытаться сверстать адаптивный сайт, но есть вопросы: 1.Под какие разрешения собственно верстать? 2. Как верстать под большие разрешения и нужно ли это вообще(большие разрешения это больше 1200 px)? 3. Как собственно ровно верстать под большие разрешения, если у самого монитор в 1200, а надо больше (если надо, смотрим вопрос 2). Очень неудобно будет то 4.О маленьких разрешениях. Нет при себе не мобильного, ни чего-то другого, а на сайте будут использоваться блоки с JS и многое другое "тяжелое". Вдруг всё тормозить начнет, как решить вопрос? 5. Есть ли нормальный и бесплатные хостинг с поддержкой динамики? Может своё дети…

    Asked by tigrus2014,

    0 votes
    2 answers

  8. блок div смещается вниз при заполнении соседнего div`a

    Доброго времени суток, форумчане. Пытаюсь сделать 3 div`a в ряд, вроде всё хорошо, но когда начинаю заполнять один из них текстом, то 2 остальных смещаются вниз на одну строку (скрин прилагается). Так же, еще одна проблема. Ткните носом, что почитать, чтобы разобраться с размещением элементов на странице. Какие конкретно параметры за это отвечают? Мне нужно сделать меню поверх картинки, но у меня получается, что меню внизу картинки (хотя всё в одном div`e). Заранее спасибо HTML: Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="windows-1251"> <title>Скотч с логотипом от производителя.</title> <li…

    Asked by DarkEnot,

    0 votes
    8 answers

  9. как сделать токую обводку

    как сделать такую обводку как наскрине помогите

    Asked by nikif,

    0 votes
    7 answers

  10. Помогите разобраться с css

    Для блока пытаюсь установить фон, при увеличении фон обрезается браузером до размера окна, но контент за его пределами имеется и остается без фона. что я делаю не так? #header{ background: url(../images/header.png) no-repeat center center fixed; background-size: cover; flex: 1 0 auto; }

    Asked by Frikker,

    0 votes
    8 answers

  11. Почему checkbox не проставляется?

    Здравствуйте! Дорабатываю форму, которая открывается по клику на кнопку "Заказ в 1 клик". Внизу разместил чекбокс. Скажите, пожалуйста, почему по клику по нему галочка не проставляется?

    Asked by borus,

    0 votes
    19 answers

  12. hover на 1-й элемент, меняет стиль 2-го элемента

    Добрый вечер. Подскажите пожалуйста как hover 1 элемента менять стили другого? вот пример, почему то не работает... https://jsfiddle.net/Beoulve/zgvw2t8k/ может я вообще не так все делаю и проще скриптами делать или другим методом. p.s. пытался включить div блоки в список li что бы hover заработал, но тогда опасити 1 ставится даже когда на сам блок наводишь, а не только на элемент меню. upd. https://jsfiddle.net/zgvw2t8k/4/ вот пример поновее... upd.2. https://jsfiddle.net/Beoulve/zgvw2t8k/5/ получилось, но, когда курсор уходит с ссылки, блок пропадает, хотя если курсор переходит на блок, блок должен оставаться.

    Asked by Beoulve,

    0 votes
    2 answers

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

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

    Asked by Roman Daujotas,

    0 votes
    0 answers

  14. Display none

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

    Asked by brezze,

    0 votes
    3 answers

  15. Как нейтрализовать смещение контента после исчезновения прокрутки?

    Здравствуйте! Продолжаю дорабатывать форму, которая вызывается по клику на кнопку "Заказ в 1 клик" на странице. После вызова формы видно, что контент под шапкой меню смещается к центру из-за исчезновения скроллинга (появляется overflow:hidden у body) Скажите, пожалуйста, как в современных подходах верстки нейтрализуют подобные смещения?

    Asked by borus,

    0 votes
    8 answers

  16. Подскажите как реализовать интерактивное меню.

    Добрый день. Подскажите пожалуйста как правильно реализовать данное меню или список, не знаю как правильней назвать. Нужно чтобы при нажатии на город появлялся блок с информацией и загорался определенное место на карте. Если с появлением блока более менее понятно, то как позиционировать эти красные (активные) города, чтобы они не съезжали с карты на разных разрешениях. Буду благодарен ссылкам на демо и примеры. С меня кофе тому кто поможет мне найти хорошее решение =)

    Asked by Free3e,

    0 votes
    1 answer

  17. Адаптированный шаблон

    Добрый день. Подскажите в чём проблема? Когда просто сужаю браузер всё работает как надо, когда начинаю тестировать через device toolbar, то сайт замирает и ничего не меняет. У меня сейчас бошка лопнет, до этого с адаптацией не работал и ошибок найти тоже не могу. Разместил пока тут. Скрытый текст http://f.xmp3.su/22/index.html Помогите пожалуйста, что тут не так

    Asked by alexandrhhh,

    0 votes
    1 answer

  18. Натяжка на CSM

    Доброго времени суток, помогите разобраться) у меня такие вопросы, я сделал макет сайта(простой даже не оформленный) для проверки онлайн игры, соответственно есть регистрационная форма и сам сайт) не наполненный не оформленный просто коды, но для проверки сойдет, мне нужно натянуть его на какую то csm, и еще это все подключить к хостингу, если и в этом разбираетесь, то хостинг я хочу выбрать свой ноут, есть вертрига, но смогу думаю установить и другие сборки, В общем суть такова, есть клиент игры, есть недосайт, и ноут, мне нужно чтобы это все связалось, а желательно недосайт и ноут, игру я смогу подключить к базе сайта

    Asked by Yktam,

    0 votes
    1 answer

  19. Ява скрипт на бэкграунд

    Здравствуйте. Подскажите пожалуйста такую вещь. Есть скрипт который выполняется через канвас вот так. Все отлично работает, но занимает много места. <div class="orange"> <canvas id="heart"></canvas> </div> CSS canvas { position: relative; left:0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); } НЕ могу понять как сделать скрипт бэкграундом. Чтобы он занимал полную страницу, выполнялся на фоне, а я поверх него мог контейнеры расставлять. Где можно почитать начинающему как вообще делать бэкграундовую анимацию из скриптов. Спасибо

    Asked by Азраэль,

    0 votes
    1 answer

  20. радиобаттоны

    Всем доброго дня. Друзья подскажите мне пожалйста. есть сайт лэйндинг. в index.php есть много веб форм. в них прописано много кнопок radio. мне надо с них взять данные и чтобы фаил отвечающий за обратную форму отправка на почту прислал мне их. помогите пожалуйста. прилагаю два фаила в одном полно баттонов и чекбоксов. второй отвечает за отправку(aplication) index.php application.php

    Asked by ms_blade@mail.ru,

    0 votes
    2 answers

  21. Зациклить анимацию картинки css

    Добрый вечер , подскажите пожалуйста , как зациклить анимацию картинки , что бы она плавно увеличивалась и уменьшалась до тех пор пока не навести на неё курсор ? Есть такой код css <style type="text/css"> .hovergallery img{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; /opacity: 0.7;/ margin: 0 0px 0px 0; } .hovergallery img:hover{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); b…

    Asked by qhiey,

    0 votes
    4 answers

  22. В начале страницы знак вопроса.

    Asked by nyawqa_bob,

    0 votes
    2 answers

  23. Во второе поле записывается строка без пробелов

    Здравствуйте. Задача выглядит так: В первое поле вводится любая строка, при нажатии на кнопку "GO" во второе поле записывается эта строка без пробелов слева и справа. Для решения данной задачи необходимо использовать метод substr/substring. Не понимаю, как реализовать второе поле, в котором пробелы исчезнут с обеих сторон

    Asked by WebNewbe,

    0 votes
    14 answers

  24. Как правильно задать ширину формы и её селектов?

    Здравствуйте! На странице на ширине монитора в 320px, если кликнуть кнопку "Заказ в 1 клик" возникает форма, ширина элементов которой начиная с элемента div#contactForm_oneclick больше, чем ширина базовой обёртки div#aux. Пробовал назначить div#contactForm_oneclick ширину inherit, чтобы наследовать ширину родительской обёртки, но это не помогло, наверно из-за широких селектов. Скажите пожалуйста, как правильно прописывать стили в такой ситуации так, чтобы форма укладывалась в любую текущую ширину экрана? Отдельно селекты ограничивать?

    Asked by borus,

    0 votes
    10 answers

  25. Chrome неверно отображает странницу

    страница отображается во всех браузерах правильно, кроме chrome: баннера перекрывают выпадающее меню что не так для chroma? вот ссылка на страницу http://centrpol.com.ua/index.html прин-скрин прикрепил: слева во всех брайзерах верно, справа в Хроме не верно

    Asked by siemens1111@yandex.ru,

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