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. Помогите доделать простенький код

    Приветствую всех! Помогите доделать страницу! Собрал с иннета коды и слепил их в html, получился фон и две картинки, дальше не пойму как. Первым делом нужно чтобы фоновая картинка растягивалась под любой экран. У меня получился плавно появляющийся контент, и хочу чтобы фон так же плавно появлялся. И все это дело должно грузиться по очереди - фон, картинка 1, картинка 2. Если не сложно, покажите как это делается, Может тут работы на 5 мин а я уже 2 дня над этим... Я в этом полный ноль, вот код: <html> <head> <title>Заголовок</title> </head> <style>body.fade{opacity: 0;}body.appear {opacity: 1;transition: opacity 5s;}</style> <…

    Asked by Ollin,

    0 votes
    31 answers

  2. Как верстать сайты большой ширины ?

    Здравствуйте. 1. Несовсем понимаю логику, например, как верстать сайты в котором ширина макета 1400px, а контент 1170px. ? Получается, сайт не должен быть шире 1400px, а контент не шире 1170px ? (тут мне интересно что должно быть сайтом когда ширина экрана будет больше 1400px, задний фон задавать ?) 2. Объясните, пожалуйста, как в команде разработчики и дизайнеры работают ? Например, в интернете я нахожу только макеты для десктопа, ну и шаблон под мобилу и планшеты разумеется делаю как мне вздумается, а как в командах? как быть в таких случаях когда ты в команде - но макет только для десктопа, тоже на глаз, сам как хочешь и выкручиваешься ? 3. Скиньте, по…

    Asked by Agony741,

    0 votes
    6 answers

  3. Не получается растянуть header по ширине экрана

    Всем привет. В Веб-дизайне совсем новичок и столкнулся с проблемой следующей: как не пытался прописывать везде cover и т.д., мой header вообще никак не хочет растягиваться на ширину экрана (путь к картинке - верный, проверял). Собственно, прилагаю сам код HTML, код CSS и скриншот того, что происходит. Как убрать эту пустую зону справа? Всем буду благодарен за помощь! HTML: <!DOCTYPE html> <html lang="ru=RU"> <html> <head> <meta charset="utf-8"> <title> SHINE DESIGN </title> <link rel="stylesheet" type="text/css" href="new 1.css"> </head> <body> <header> &lt…

    Asked by edshine,

    0 votes
    6 answers

  4. как добавить иконку в инпут?

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как добавить иконку в инпут? https://yadi.sk/i/ItL59eIZj9bwR

    Asked by stan07,

    0 votes
    2 answers

  5. Свойство transform: rotate() для адаптивной верстки

    Всем привет! Столкнулся со следующей проблемой: Верстаю макет на Bootstrap и столкнулся с тем, что не получается нормально отпозиционировать элементы, имеющие, во-первых, свойство transform: rotate(-90deg); во-вторых, абсолютное позиционирование для того, чтобы прилепить их к правому краю экрана. Итак, вот исходный код файлов: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css"> &l…

    Asked by Libiros,

    0 votes
    8 answers

  6. justify-content: space-between - выравнивание элементов в нижнем ряду

    Здравствуйте! Подскажите, пожалуйста, как избежать такой картины при justify-content: space-between: Хотелось бы, чтобы в нижнем ряду не было пустого пространства между элементами. Как вы избегаете такую проблему? http://jsfiddle.net/osfkzpvy/

    Asked by volshebnyi,

    0 votes
    17 answers

  7. reset.css файл, кто какой использует, плюсы\минусы?

    Все (ну или почти все) используют какой то *css файл для сброса стилей или приведения их к одинаковым на всех браузерах. Подскажите какой вы используете. У меня есть файл сброса стилей, что можете сказать по нему, я не специалист, уверен, тут есть ляпы или чего-то не хватает, пожалуйста владеющие темой сделайте замечания. гугл много чего подсказывает, и, например, первый в выдаче идет reset.css Eric Meyer от января 2011 года, подозреваю, что он весьма устарел html{ box-sizing: border-box;}*, *:before, *:after{ box-sizing: inherit;}html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn,…

    Asked by anvyd,

    0 votes
    25 answers

  8. Нужно ли уметь верстать без сеток ?

    Сейчас я стараюсь верстать без сетки но сомневаюсь в этом сильно. Куда не смотрю везде сайты с сетками устроены (если адаптив присутствует на сайте). И такой вопрос появился: Понадобится в работе верстка без сетки, или я зря время трачу стараясь верстать без сетки, так как говорят что с сеткой адаптивные сайты можно быстро сверстать нежели без сетки. В компаниях делают сайты без сетки, и не стоит ли мне начать верстать уже с сетками ? ps: не совсем понял, можно ли здесь такие вопросы задавать, если нет перенесите пожалуйста тему, и на меня громко не кричите.... =)

    Asked by Димитрий,

    0 votes
    5 answers

  9. Можно ли сделать зеркальное отображение фоновой картинки на css?

    Здравствуйте Возможно ли на css сделать зеркальное отображение фоновой картинки?

    Asked by WalkWeb,

    0 votes
    5 answers

  10. Как размножить элементы в js?

    Нужно сделать "Летающие кружочки" которые заполнят страницу на указанную высоту. В настройках скрипта нужно иметь возможность указать высоту и ширину распределения объектов, количество копий. Пример распределения объектов во вложении Элементы сделаны с помощью css Должно быть 4 цвета Заготовка: http://codepen.io/seetvael/pen/GjBmbm Пример сделанный с помощью canvas http://codepen.io/seetvael/pen/eBrgVj Он не подходит, так как нужно чтобы элементы могли быть выше одних элементов страницы (инфо блок) и ниже других (меню). Кроме того в примере элементы движутся только при наведении мыши, а не постоянно. Canvas сильно тормозит. Цвет, размер и а…

    Asked by seetvael,

    0 votes
    3 answers

  11. Сборка отдельных html-блоков и их стилей в Gulp

    Ребята, назрел такой вопрос. Допустим, я делаю проект по bem-way, то есть отдельные блоки хранятся в отдельных каталогах. В каждом каталоге есть jade-файл с разметкой блока и scss-файл с его стилями. Каким образом можно с помощью Галпа собрать любой отдельный блок вместе с его стилями? Понятно, что можно на каждый блок насоздавать тасков, но ведь блоков может быть адова куча и постоянно добавляются новые, замучаешься таски добавлять. Было бы круто, если бы таск был один, но принимал, например, в качестве параметра в командной строке имя файла блока (или всего каталога, неважно, ради такого я готов терпеть любые ограничения в именах файлов и каталогов ) и собирал итоговы…

    Asked by hypnocolor,

    0 votes
    2 answers

  12. Как сделать отступ между Li:before и текстом

    https://codepen.io/nikki4/pen/BGLNOQ Как в указанном примере расположить слово "текст1" по длинный?

    Asked by nikki4,

    0 votes
    2 answers

  13. Использовать трансформацию в анимации JQuery

    Как применить трансформацию через анимацию JQ $('.abz span:last').click(function(){ $('.w').animate({ transform: 'scale(.9)' }); });

    Asked by aqua.77,

    0 votes
    10 answers

  14. display flex - в Firefox как то не так работает.

    Есть вот такая конструкция.. http://jsfiddle.net/4376rfy8/3/ В IE, Google Chrome и Opera вроде работает, а вот в FireFox текст в левой колонке почему то съезжает вниз, методом тыка выяснил что скорее всего виноват display: table; в родительском контейнере. Но вот обойти этот глюк пока не могу придумать как((( Может кто сталкивался с подобным!? Что нужно в итоге: 1) левая и правая колонка одинаковой высоты с плавующей шириной 2) в правой колонке 4 блока которые центруются(выравниваются) по вертикали, причем верхний блок должен прилипнуть к потолку, а нижний к полу.

    Asked by vasa666,

    0 votes
    3 answers

  15. Checkbox,radiobox изменение по клику на label

    Задача: сделать кастомизированый checkbox и radiobox. Для наглядности я убрал все стили, которые отвечают за оформление. Проблема : по клику на label состояние чекбокса(радиобокса) не изменяется. Почему? https://jsfiddle.net/o3720fkn/

    Asked by WhatIsHTML,

    0 votes
    3 answers

  16. Переход по ссылке через тип "radio"

    Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?

    Asked by ErUnDAK,

    0 votes
    3 answers

  17. Зациклить анимацию картинки 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

  18. Абсолютное позиционирование шапки сайта

    Всем привет. Начал я делать сайты по psd макетам. До этого попробовал несколько сайтов верстать по видеокурсам. Вот теперь решил попробовать сам. И вот задумался. Нашёл я резиновый макет. Вроде с шапкой всё понятно, да и помню, что похожее как раз по видеокурсу проходил. Понял, что для шапки вроде бы подходит следующий код: .header { position: absolute; width: 100%; } А вроде бы это position: absolute и не нужен. Поискал в интернете. Часто такие стили применяют, но вот объяснений почему нет. Можете объяснить зачем применяют в шапки сайта абсолютное позиционирование? Частый ли это случай или или применяется только в определённых, редких случаях? …

    Asked by Arxont,

    0 votes
    17 answers

  19. Убрать отступ после section

    Добрый день. Подскажите пожалуйста как убрать отступ между <section>. Вот пример.

    Asked by jdk,

    0 votes
    1 answer

  20. Стилизация <textarea>

    Здравствуйте! Имеется textarea - https://jsfiddle.net/f7xx5ewb/ По умолчанию у нее есть ресайз и при более чем двух строках текста (это прописано в атрибуте) появляется скролл. Подскажите, пожалуйста, как сделать так, что бы ничего не появлялось, а просто с каждой строкой опускался бордер textarea - так, как на картинке. Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    5 answers

  21. Trackbar, ползунок

    Нужно реализовать ползунок Нашел тот который нужен на просторах интернета https://jsfiddle.net/120n2arx/63/ И тут вопрос. Я никогда не работал с jQuery, у автора все работает, копирую себе в файлы, ничего не работает. Отображается сам ползунок но с ним никаких действий производить не получается. Как решить проблему? Ошибка наверняка банальная. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="slider.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"> var drag = false; var values = []; for(var i = 0; i < 24; i++) for(var j = 0 ;…

    Asked by purple/ocean,

    0 votes
    4 answers

  22. Изображение вместо бордюра в CSS

    Здравствуйте! При оформлении сайта решил установить вместо бордюра изображение. В левом верхнем углу изображения имеется узор,для его сохранения ширину верхнего и левого бордюра пришлось делать равной размерам узора,при это контент сдвинулся вниз и вправо. Подскажите,как можно сдвинуть контент на изображение бордюра или возможно есть другой способ установить изображение в угол окна. Так же хочу добавить,что окно (блок div),на котором установлено оформление бордюра будет изменяться,по высоте при добавлении контента и по ширине при изменении ширины окна браузера. Код CSS: section { float: right; width: 67%; height: 455px; margin:…

    Asked by Кибран,

    0 votes
    17 answers

  23. Изменение высоты адаптивного слайдера

    Здравствуйте! Есть адаптивный блок из трех элементов - левый, центральный, правый. Один из этих элементов - слайдер картинок: http://html.skoba.com.ua/ Не могу понять почему высота слайдера меньше высоты самого блока... Помогите, пожалуйста, решить вопрос - высота слайдера должна быть одинакова во всех блоках. Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    25 answers

  24. Что такое build:css в html?

    Здравствуйте! Столкнулся с доработкой чужой верстки и увидел такой момент в html: <!-- CSS Theme --> <!-- build:css assets/css/main.css --> <link rel="stylesheet" type="text/css" href="assets/css/main.css" /> <!--<link rel="stylesheet/less" type="text/css" href="assets/css/main.less" /> <script src="assets/js/less.min.js"></script>--> <!-- endbuild --> Подскажите пожалуйста что это за конструкция и что она делает? Поиск по интернету мне ничего не дал, мои догадки, что она сразу формирует css файл из less. Но как это тогда работает и что для этого нужно, было бы полезно знать с…

    Asked by vlasenkov,

    0 votes
    6 answers

  25. Как сделать, чтобы при появлении вертикальной прокрутки, divы не выходили за правый край контейнера?

    DEMO Когда содержимое не помещается в overflow: auto, то элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение) Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.

    Asked by Roma-Pro,

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