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. Стилизация чекбокса без label

    Привет всем. В интернете есть полно статей о том, как стилизовать чекбокс, но я не могу использовать атрибут for для привязки label и чекбокса, т.к. у меня label является внешним по отношению к чекбоксу и такую струтктуру желательно не нарушать. Есть ли метод стилизации чекбокса без применения <label for=''> ? К примеру у меня сейчас проблема с тем, как спрятать стандартній чекбокс и оставить только синий кружочек для input:checked https://jsfiddle.net/k4nq7paL/

    Asked by WhatIsHTML,

    0 votes
    9 answers

  2. Можно ли сделать слова вместо маркеров и подвинуть потом их?

    Есть список новостей Задача к списку подписать сверху "Новость": копал в водпрессе последние записи и не найду код где можно вставить перед li слово новость. Подумал, а может в css можно как-то это сделать? знаю, что можно как-то картинку вставить. А можно ли чтобы цифра оставалась. а при этом картинка добавлялась?

    Asked by nikki4,

    0 votes
    1 answer

  3. CSS. Как подружить Webkit с FireFox?

    Здравствуйте. Имею очень красивый текстовый эфект блика CSS скачаный с гугла. Работает на всём кроме FireFox, уже добавлял префиксы -moz- ничего неполучается. Может кто подскажет как поправить код чтоб заработало в Фаерфоксе& Код CSS ниже, пожалуйста кто понимает подскажите, буду очень признателен! .shine { background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat; -webkit-background-size: 125px; color: rgba(255, 255, 255, 0.1); -webkit-background-clip: text; -webkit-animation-name: shine; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infin…

    Asked by Fesali,

    0 votes
    3 answers

  4. Не работает overflow в Safari

    Всем привет! Народ, есть лендинг: http://fenix-63.hol.es/bulvar/ Вот эта часть (раздел цены и условия занятий): https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/998283 в браузере Safari выглядит очень ужасно. CSS-свойство overflow:hidden тут как то по-другому работает. Народ, подскажите, как это исправить? А то я уже голову сломал.

    Asked by fenix_63,

    0 votes
    3 answers

  5. Не получается со слайдером

    Доброе время суток! Не могу понять почему не работает помогите разобраться в коде. Скриншот того что должно получится http://clip2net.com/s/3BzTwIW HTML: <div class="container"> <input type="submit" name="slides" id="btn-4" value="Доставка" checked> <input type="submit" name="slides" id="btn-5" value="Гарантия"> <input type="submit" name="slides" id="btn-6" value="Кредит"> <div class="site-wrapper2"> <div class="text-content clearfix" id="slide4"> <h2>Доставка</h2> <img src="img/delivery.png" alt="Доставщик"> <p>Мы с уд…

    Asked by Ratibor,

    0 votes
    1 answer

  6. Не могу понять что происходит. Помогите.

    Похоже плохо учил свойства. Неважно какие - просто свойства. Есть такой код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>Главная</title> <style> .wrapper { } </style> </head> <body> <div class="wrapper"> <!-- Просто пустой див блок --> <header> CONTENT </header> <section> CONTENT </section> <footer> CONTENT </footer> </div> </body> </html> Только начал использовать флексбокс и в своих (двух) макетах вместо свойства height испол…

    Asked by DmitryPavlov,

    0 votes
    1 answer

  7. Как создать кнопку с помощью ::before

    Доброе время суток! Такая проблема не могу сообразить как создать кнопку с помощью::before. Скриншот прилагаю http://clip2net.com/s/3BzTltY

    Asked by Ratibor,

    0 votes
    3 answers

  8. Проблема с фонами

    Доброе время суток! Такая проблема надо сделать чтобы полоска фона фильтра и полоска сортировать встречались и расходились до конца экрана не могу сообразить как сделать. Скриншот прилагаю http://clip2net.com/s/3BDrOhF .

    Asked by Ratibor,

    0 votes
    1 answer

  9. раскрывающаяся форма при клике и сворачивание при нажатии

    Вопрос как сделать такую форму, может есть скрипт? как вообще такое называется. внизу экрана плавает кнопочка - это понятно position:fixed; а то что внутри - display:none; нажимаешь на неё - кнопка display:none; а то что под ней становиться видимым - вся форма с отправкой сообщения. ну и с таким эффектом красивым. потом нажимаешь куда-нить. или на крестик, и форма сворачивается обратно или может плагин под вордпресс такой есть?

    Asked by nikki4,

    0 votes
    3 answers

  10. Не работает выпадающее меню на CSS

    Есть кнопка Online (.ostatus .button), при наведении мыши на которую должно выпадать меню (.ostatus ul), но ничего не происходит. Делал по готовым примерам в интернете - тоже ничего. HTML: <div class="ostatus"> <div class="button"><span class="status online"></span> Online <span class="caret"></span></div> <ul> <li><span class="status online"></span> Online</li> <li><span class="status offline"></span> Offline</li> </ul> </div> CSS: .ostatus .button {position:relative} .ostatus ul {position:absolute;width:130px;left:-9999px} .ostatus .button…

    Asked by iBars,

    0 votes
    7 answers

  11. Сайт для продажи билетов на концерт

    Подскажите, надо сделать сайт для ОДНОГО концерта. Проблема с выбором мест и отсылом на ASSIST. Может есть шаблоны, хочется сделать его без движков. Заранее спасибо.

    Asked by slalom,

    0 votes
    3 answers

  12. Помогите сверстать макет по примеру

    Есть 4 блока выстроенные в одну линию. Крайние два имеют фиксированную ширину (например 100 и 150 пх). Средние два блока одинаковой ширины и должны растянуться что бы вся конструкция заняла всю ширину экрана. При изменении ширины окна браузера конструкция, сжимая\разжимая средние 2 блока, должна занимать всю ширину. Для примера: https://jsfiddle.net/jjzycey8/2/

    Asked by alleclf,

    0 votes
    4 answers

  13. Стоит ли использовать мететег keywords?

    Скажите, стоит ли на сайте использовать метатег keywords? На некоторых сайтах пишут что поисковики сейчас просто его игнорируют. На некоторых рекомендуют убрать его вообще так как от него ПС понижают в выдаче.

    Asked by alleclf,

    0 votes
    6 answers

  14. Отступы в заголовке

    Подскажите, откуда взялась эта белая полоса между меню и картинкой, что это за отступ ? http://codepen.io/anon/pen/KgKVWk

    Asked by Driven,

    0 votes
    2 answers

  15. Прижать картинку к нижней границе

    http://www.zhemch.ru/ Посоветуйте пожалуйста, возможно ли как-то (не переверстывая) прижать картинку к нижней границе родительского блока, если он выше, чем картинка? Такое происходит при валидации формы или если текста в блоке с приветствием больше, чем обычно. display:table-cell для родителя и vertical-align:bottom не помогает, т.к. высота родителя меньше соседнего блока, распирающего строку по высоте.

    Asked by d0ublezer0,

    0 votes
    1 answer

  16. gulp глобальбный и локальный

    помогите пожалуйста разобраться. собираюсь начать пользоваться gulp, но не понимаю в чём разница между глобальной и локальной установкой если я поставлю gulp локально, то создастся каталог node_modules, в котором будет и сам gulp, и подключаемые модули. остаётся только настроить файл конфига gulpfile.js но если я поставлю gulp глобально, то gulp и подключаемые модули будут храниться где-то в ОС, и мой конфиг будет искать их не в каталоге проекта, а в другом месте. непонятно то, что если я ставлю gulp глобально, то после установки какого-нибудь модуля: npm install gulp-clean-css --save-dev всё равно создаётся node_modules. поэтому мне непонятно какой…

    Asked by cyklop77,

    0 votes
    1 answer

  17. картинку отобразил в бекграунде дива

    Всем привет, Мне нужно поверх картинки отобразить другую маленькую картинку и для этого я большую картинку отобразил в бекграунде дива ref 1) это работает но за исключением того что картинки имеют разный размер и хотелось бы сделать каккой-то бекграунд для всей ячейки что обычно и делается с помощью картинки бекграунда но сложно так как картинка и отображется в бекграунде Можно как-то извернуться ? 2) И почему картинка не центрируется? Я прописал align-content: center; alignment: center; для классов image-wrapper и .back-img? Спасибо !

    Asked by mstdmstd,

    0 votes
    3 answers

  18. Слайдер

    Народ, привет всем! Надо вот такой слайдер замутить, http://take.ms/2Qnih может кто видел похожий плагин?

    Asked by vladmih,

    0 votes
    1 answer

  19. Запустить код

    Добрый день, не получается запустить код с codeopen http://codepen.io/ChrisSargent/pen/meMMye/ может там есть какие особенности? У меня просто отображаются два инпута одной строкой

    Asked by imakhortykh,

    0 votes
    3 answers

  20. отправка почты методом post

    Здравствуйте о виликие гуру помогите навичку существуют такая форма отправки: <div class="contact-form-wrapper"> <form action="contact/mail.php" method="post" id="contact-form"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <input type="text" id="contact-name" name="contact-name" placeholder="Имя*" required /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input type="email" id="contact-email" name="contact-email" placeholder="Email*" required /> </div…

    Asked by Seregka174,

    0 votes
    5 answers

  21. Что выбрать веб или mobile (мой случай)?

    На данный момент неплохо разбираюсь в вебе. Знаю html, css, php, mysql, javascript, jquery. Могу сделать интернет магазин, статейный сайт, также похожий сайт на этот :-) Но мне также хотелось бы создавать приложения под Android, но для этого мне нужно учиться примерно 2-3 месяца + потом годы практики (я в вебе уже 3 года). Прошу, дайте дельный совет, что выбрать оставить веб и начать учить java + android ~ 6-10 мес или стать относительно профи в php и потом перейти на android? P.S. Приветствуются адекватный ответы, которые помогут новичку )

    Asked by andrdov,

    0 votes
    5 answers

  22. Появление спрятанного блока (внешнего) при наведении

    Как можно повлиять на спрятанный блок с помощью hover, учитывая тот факт, что спрятанный блок не будет внутренним списком, а будем внешним дивом. <div class="navi"> <a href="#">Пункт 1</a> <a href="#">Пункт 2</a> </div> <div class="block"> <p>Текст Текст Текст ...</p> </div> То есть при наведении на пункт блока navi, должен появляться блок под названием block.

    Asked by Igoritaly,

    0 votes
    1 answer

  23. Проблема с передачей данных между страницами

    Здравствуйте дорогие форумчане! Наткнулся на проблему при передаче данных. Дело в том, что через форму хочу передать данные про товар на вторую страницу. С помощью <input type="hidden" name="price" value="1000 рублей"> можно передать цену на второю страницу. Но дело в том, что при изменении исходного кода в браузере на <input type="hidden" name="price" value="1 рублей">, то на новой странице передается значение 1. Может быть это из-за того, что сайт работает на локальном сервере? Попробовал также вариант с php <input type="hidden" name="price" value="<?php echo "1000"; ?>" /> но такой же результат. Если перейти на хостинг,…

    Asked by ABC555,

    0 votes
    1 answer

  24. Боковое меню/панель на CSS

    Хочу на сайте сделать боковое меню. В углу картинка/кнопка при клике/наведении на которую в боку выезжает блок на всю высоту страницы а сама страница затеняется. В блоке располагаются сами пункты и если их много они прокручиваются вниз независимо от основной страницы. Помогите найти что-то подобное. Сам находил несколько интересных вариантов, но практически все скриптовые. Можно ли подобную задумку реализовать на чистом CSS? Необходима кроссбраузерность и кроссплатформенность - что бы работали в разных браузерах и на разных ОС (включая моб.телефоны). Кстати, хотел спросить. Как мобильные устройства относятся к элементам на ActivX?

    Asked by alleclf,

    0 votes
    1 answer

  25. Связанные поля jQuery Validation Plugin

    Есть некая форма которая валидируется при помощи этого плагина https://github.com/jzaefferer/jquery-validation В ней есть два поля email и телефон. Важно уточнение поле телефон вводится по маске и имеет тип "tel". Нужно сделать так, чтоб если набрано одно из них, то второе становилось необязательным для валидации (required: false), а это набранное поле валидировалось согласно своим правилам. Сама форма вот https://jsfiddle.net/1h34vy1r/

    Asked by Shiza,

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