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. Сетка bootstrap-sass 11-колоночная?

    Здравствуйте. Установил через Bower bootstrap-sass 3.3.6, начал верстать и столкнулся с неприятной проблемой. Код: <article> <div class="container"> <div class="row"> <div class="col-sm-5 hidden-xs"> <img class="shop-pages" src="img/shop-pages.png" alt=""> </div> <div class="col-sm-6"> <section class="suitable-offer"> <h2 class="suitable-offer__heading">Наше решение идеально подойдёт для:</h2> <div class="suitable-offer__elem suitable-offer_paper-airplane"><span class="suitable-offer_first-line">Запуска стартапа</span> Оптимальное решение для бизнеса, кото…

    Asked by Sigizmund,

    0 votes
    9 answers

  2. Плавающее меню, с фиксацией вверху

    не получается сделать вот такое фиксирующее меню, чтобы при пролистывании меню поднималось вверх и там фиксировалось вот пример сайта http://mattweb.ru/demo/fixed_menu/ в прикрепленных мои файлы float.html float.css

    Asked by kagan25,

    0 votes
    9 answers

  3. Крытые pdf файлы

    Добрый при добрый день! Требуется реализовать такое: есть несколько файлов PDF, я их закинул в div none, и после нажатия они открываются, но проблема в том что страница долго грузится из за того что грузятся файлы в скрытом div. Как мне это обойти???помогите плиз ребят) Как то нужно сделать что бы только после нажатия на кнопку файлы подгружались

    Asked by edem7778,

    0 votes
    9 answers

  4. Как сделать проще галерею карусель

    Доброго времени суток. Делаю галерею... В верстке все получилось (к сожалению не получается показать в jsfiddle) Перенесла в cms Карусель есть, но большое фото появляется только после нажатия на фото и например, перелистываешь на один дальше, то увидим, что фото выбора "зациклилось"... http://ruki24.aveas.ru/o-nas/ На самом деле я просто перемудрила... сделала зачем-то двумя скриптами, для табов и карусели.. А как сделать по другому не понимаю, чтобы при нажатие на фото в каруселе, открывалась большая фотка и прокрутка была только у маленьких?

    Asked by Mary_RND,

    0 votes
    9 answers

  5. Нужен совет по реализации фулскрин сайта

    Доброго времени суток Самое близкое по моей проблеме я нашла вот такой вариант http://alvarotrigo.com/fullPage/ Когда прокручиваешь получаешь станицу #firstPage #secondPage и #3rdPage На #secondPage горизонтальная прокрутка и когда ты переходишь по ней и на каждой странице, прокручивая вниз, всегда получаешь #3rdPage. Вопрос вот в чем, как сделать, чтобы при переходе по горизонтальным страницам, когда прокручиваешь вниз, открывалась новая страница. Спасибо=)

    Asked by Mary_RND,

    0 votes
    9 answers

  6. Назойливая реклама в шапке сайта

    Используя плагин юблок в хроме, не могу отредактировать/скрыть шапку с рекламой, уж очень она большая, после тега <body> идет вставка <rn4ektoe3p> что эта за хрень я не понимаю, причем она каждый раз генерируется по-новой, так что зацепиться не получается, включая body :first-child . Что с этим можно сделать? Скрытый текст <rn4ektoe3p><rcqqqlgy0i><style>.traforet-br-logo { background: url(data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAAAeCAYAAAB+HcFlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5U…

    Asked by retoptop,

    0 votes
    9 answers

  7. Не могу понять что за полтергейст!!!

    Есть страница http://hesrun.github.io/namf/hot-enamel Через хромовский девтул, в мобильном телефоне при открытии сайдбара двигается вся страница. http://take.ms/9WaKp Уже правый глаз болит от нервов и гугления косяка, не пойму откуда ноги ростут...

    Asked by vladmih,

    0 votes
    9 answers

  8. Background из psd макета.

    Добрый день.Как можно повторить, такой вот backgorund: http://savepic.ru/10905797.png Узор вырезал, с градиентом не могу справиться.

    Asked by NapNu,

    0 votes
    9 answers

  9. Письма с mail.r, list.ru... не приходят, новые правила?!

    Всем доброго дня! Может кто уже встречался с такой проблемой, майл.ру ввел новые стандарты антиспама, в связи с чем, письма созданные на сайте в форме обратной связи не приходят даже в папку СПАМ! Приходится заходит на сервер в спец. почтовый ящик. Как-то можно исправить в самой форме теги или еще что? Буду благодарен за помощь! Ссылка на страничку с формой.

    Asked by Vic-Tor,

    0 votes
    9 answers

  10. Стилизация чекбокса без label

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

    Asked by WhatIsHTML,

    0 votes
    9 answers

  11. помощь в правках по верстке

    вот пациент http://modern-hostel.com/blog/ в хроме и фф выглядит по разному-снизу черная полоса появляется http://modern-hostel.com/blog/obshhezhitiya-dlya-rabochix-v-moskve/ какой лучше шрифт сделать чтобы читабельнее было?

    Asked by https,

    0 votes
    9 answers

  12. Как изменить colorbox и мозаику в галерее

    Доброго времени суток!) У меня два вопросика по галереи colorbox и плагину для формирования фото в мозаику Первое по галерее: Мне надо чтобы, оно выглядело вот так http://prntscr.com/d9zqg4 А у меня получилось сделать только так Т_Т http://prntscr.com/d9zqw3 Кто-то нибудь сталкивался с этой галерей? Как добавить еще одно поле для текста и увеличить отступы? Второе по мозаике: Я для той же галереи использовала вот этот плагин http://tympanus.net/codrops/2011/08/30/automatic-image-montage/ , но в начале не требовалось каких-либо условий... А теперь надо, чтобы первая картинка была всегда 380x380, а остальная мозаика считаться от нее..…

    Asked by Mary_RND,

    0 votes
    9 answers

  13. Как научится быстро верстать

    Подскажите, как можно, научиться быстро верстать?

    Asked by irina_f,

    0 votes
    9 answers

  14. Почему не применяется градиент?

    Не получается установить градиент для body .. JsFiddle: https://jsfiddle.net/Hasiev/3tqas2ep/

    Asked by Hasiev,

    0 votes
    9 answers

  15. Как хранить операторы в переменной?

    var h = '+'; alert(5 h 5); Надо чтобы в переменной h был оператор +. Чтобы в сложении использовать его вместо знака '+'.

    Asked by aqua.77,

    0 votes
    9 answers

  16. Не работает INSERT INTO

    Друзья помогите пожалуйста с проблемой сам не пойму в чем она. Есть запрос mysql_query(" INSERT INTO blog (title, text) VALUES ('$title', '$text') "); он должен записать в бд его (phpmyadmin) но в чем весь сок он не записывает ошибок не выдает. В чем проблема? Для большего понятия я прикрепил 2 ссылки с кодами. Сам проект у меня на локалке (OpenServer).Спасибо! http://pastebin.com/YzfVjuk2 http://pastebin.com/jSdfWXYw

    Asked by Tardpipl,

    0 votes
    9 answers

  17. Слайдер Slick

    Мне нужно помощь по установке данного слайдера: http://kenwheeler.github.io/slick/ Я сделал всё как в инструкции по установке, но он всё-равно не работает. Можете показать код со всеми картинками в слайдере, чтоб я мог распознать свою ошибку?

    Asked by ErUnDAK,

    0 votes
    9 answers

  18. Стили для частично изеняющегося ID блока

    Приветствую. Подскажите, как для блока с изменяющимся ID прописать единый стиль. Поясняю: Имеется блок <div id="div-gpt-ad-1485257279370-0"></div> и цифры могут принимать различные значения, неизменным остаётся только "div-gpt-ad-", вот, как для такого блока можно задать стили css?

    Asked by Lapot,

    0 votes
    9 answers

  19. flexbox в safari

    Пожалуйста, у кого есть мак и недоразумение, которое там считается браузером сайт http://w2.andy-projects.ru/ Заказчик жалуется, что у него первые 2 столбца в футере ниже. Под винду сафари нет, вроде бы испробовал все, что можно, но не могу исправить, если вижу только скрины

    Asked by Vlad_P,

    0 votes
    9 answers

  20. Сбивается позиция меток

    Добрый день. Подскажите плз. как установить позиционирование в разных устройствах. (что бы метки отображались в одних и теж же точках на изображении) <style> #point_mr { font-size: 30pt; width: 50px; height: 50px; line-height: 45px; cursor: pointer; left: 80%; color: #ffffff; top: 32%; position: absolute; border-radius: 50%; border: 3px solid #ffffff; } #content { width:100%; height:100%; } </style> <div id="content" > <!--Изображение--> <img style="margin: 0px auto;position: absolute;top: 60px;bottom: -100%;left: -100%;right: -100%;min-width: 100%;min-height: auto; " sr…

    Asked by Castromen,

    0 votes
    9 answers

  21. Как работает код

    Может мне кто-нибудь объяснить как работает данный код? Желательно поэтапно <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head><body> <button data-toggle-id="subscribe-mail"> Показать форму подписки </button> <form id="subscribe-mail" hidden> Ваша почта: <input type="email"> </form> <script> document.onclick = function(event) { var target = event.target; var id = target.getAttribute('data-toggle-id'); if (!id) return; var elem = document.getElementById(id); elem.hidden = !elem.hidden; }; </script> </body> </html>

    Asked by ErUnDAK,

    0 votes
    9 answers

  22. Отступ Navbar Bootrstap

    Доброго. Проблема с элементом Bootstrap, а именно navbar. При добавлении элемента появляется негативный отступ до дальнейшего контента страницы. Как его убрать? <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-main" aria-expanded="false"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img sr…

    Asked by Скиф,

    0 votes
    9 answers

  23. Как оформить переход на страницу "спасибо за покупку"?

    Короче, тут сначала решалась другая проблема, но в процессе консультаций решили сделать по-другому) Нужно сделать так, чтобы кнопка отправки лида отправляла пользователя на страницу "спасибо за покупку". Операция дефолтная, но я начинающий, поэтому нужна помощь) спасибо

    Asked by LanceVance,

    0 votes
    9 answers

  24. CSS сетки

    В css сетках есть такое понятие как колонки, во фреймворке бутстрап их кол-во равно 12, в стилях им прописывают следующие ширины: Скрытый текст .col-12 { width: 100%; } .col-11 { width: 91.66666667%; } .col-10 { width: 83.33333333%; } .col-9 { width: 75%; } .col-8 { width: 66.66666667%; } .col-7 { width: 58.33333333%; } .col-6 { width: 50%; } .col-5 { width: 41.66666667%; } .col-4 { width: 33.33333333%; } .col-3 { width: 25%; } .col-2 { width: 16.66666667%; } .col-1 { width: 8.33333333%; } Так вот, откуда берутся эти ширины? Если я разделю 100…

    Asked by Hasiev,

    0 votes
    9 answers

  25. Не работает position:relative на tbody, tr, td

    https://jsfiddle.net/h10copr4/1/ Работает только на table получается**??? Нужен тултип под каждым <tr>, не хочу использовать js для этого, есть ли возможность на css???

    Asked by Daniil Khanin,

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