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. Как сделать так, чтобы по ссылке на электронный адрес открывалось письмо с шаблоном текста?

    Всем дорого дня! Опытные коллеги, подскажите, пожалуйста, как можно сделать так, чтобы при нажатии на ссылку емейла, например, test@test.ru в почтовике открывалось письмо с шаблоном текста, например в таком виде: Тема письма: Тема Текст: ФИО Организация Ваш вопрос Сейчас я использую вот такой код <a href="mailto:test@test.ru?subject=Тема &body=ФИО Организация Ваш вопрос> test@test.ru </a>. В результате при нажатии на электронный адрес приходит письмо с текстом: ФИО Организация Ваш вопрос Как можно перенести каждый пункт на новую строку? Или может есть вариант создавать письма с вложением?

    Asked by Моркося Андреевна,

    0 votes
    3 answers

  2. Проблемы с выстраиванием блоков с помощью Masonry

    На сайте web-ui.ru на главной странице хочу сделать динамическое выравнивание элементов. Для CSS-сетки используется Bootstrap 3.3.5, контейнер .row взят за основной контейнер masonry-сетки, а каждый .col-элемент, как элемент сетки, но почему-то идет "наползание" нижних элементов сетки на верхние, подскажите в чем может быть проблема.

    Asked by erkoam,

    0 votes
    3 answers

  3. html страница с базой городов

    Скажите как реализовать вот такую вещь что бы попроще было. html страница с базой городов гдето 10 и вот так все отображать как тут https://ff.ua/dostavka-cvetov.html .

    Asked by virtas,

    0 votes
    3 answers

  4. Проблема с input в мобильном Safari

    Добрый вечер! Маленькая проблемка появилась. В мобильном Сафари input text и input password больше чем везде (сравнил на компе, да, больше именно они, а не кнопка меньше). Думал проблема в text-indent, сменил на padding, поменял размер, глухо. На виртуалке смотрел на десктопном Сафари - все ок, во всех остальных бразузерах - все ок. На мобильных девайсах почему то нет. Использую normalize https://github.com/necolas/normalize.css/blob/master/normalize.css Код: http://jsfiddle.net/0go8ub5u/ А вот так на айфоне: Теряюсь в догадках уже, помогите пожалуйста разобраться

    Asked by horprogs,

    0 votes
    3 answers

  5. 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

  6. Мобильный доктайп

    Привет. В общем есть важный вопрос, на который с ходу ответа в интернетах не нашёл. Существует отличный доктайп <!DOCTYPE html>, который даёт мне всё, что необходимо. А, например, яндекс хочет от меня для мобильной версии особенный мобильный доктайп https://yandex.ru/support/webmaster/recommendations/mobile-site.xml?ncrnd=362Один из этих предлагает. https://en.wikipedia.org/wiki/Document_type_declaration#XHTML_Mobile_Profile_DTDs Скажите, есть ли доктайп, который бы с одной стороны говорил, что это мобильная версия, с другой не навязывал бы стандартов?

    Asked by Veseloff,

    0 votes
    3 answers

  7. позиционирование

    в раппере , хедер позишин релатив, потом див баннер-он появляется выше хедера почему ? я как понимаю второй див должен встать под хедером, а он становится над ним

    Asked by rpmcmerphy,

    0 votes
    3 answers

  8. Работа со слоями

    Добрый день. Подскажите пожалуйста как сделать чтобы Колеса от фона хедера были сверху остальных полей. z-index не работает. Сайт arlekin.su. чтобы поднять слайдер до нужной высоты я использовал маргин-топ - 50 в .front_slider_wrapp {. Очень прошу помочь, или хотябы направить в нужную сторону.

    Asked by Rayli,

    0 votes
    3 answers

  9. Как сверстать такой текст?

    Имеется ввиду текст: "Hype" Вот так он выглядит при редактировании в фотошопе: Тут кстати можно скачать шрифт

    Asked by Flexible Curd,

    0 votes
    3 answers

  10. мульти отправка файлов с индикатором

    Посоветуйте плагин, с помощью которого можно отправлять на сервер вложенные файлы и не один с помощью ajax ?

    Asked by raptor-dm,

    0 votes
    3 answers

  11. проблема с подгонкой страницы под высоту экрана

    Здравствуйте, друзья! Подскажите, пожалуйста, как сделать так, чтобы высота страницы (например вот этой - http://toolbird.com/signup/ отображалась на любом десктопном устройстве тютелька-в-тютельку под размер экрана, без скроллинга. Пробовал ставить body height 1px, чтобы контент заполнил высоту, но нижняя часть формы (кнопка sign up) скрылась при этом под футером. У футера position: absolute Когда делаю ему relative, то форма выползает назад, но появляется скролл при этом.. (

    Asked by Denzil,

    0 votes
    3 answers

  12. Как на сайте создать кнопку запуска музыки.

    Я хочу создать 3 квадрата з определенньми песнями. Если нажать то воспроизводится песня, если на другой то вторая песня и т.д. Думал как ето сделать как сам еще новичок в етом деле, а deadline уже скоро( Спасибо!

    Asked by Bodjo,

    0 votes
    3 answers

  13. Текст после таблицы

    Уважаемые специалисты! Есть некая задача. На странице выводится простая таблица (!с возможностью редактирования): Код страницы такой: <HTML><HEAD> <META content="text/html; charset=utf-8" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.7601.17514"></HEAD> <BODY contenteditable="true"> <TABLE style="WIDTH: 100%" bgColor=#ffffe1> <TBODY> <TR borderColor=#ffffe1> <TD>Text XYZ</TD></TR></TBODY></TABLE> </BODY></HTML> Задача состоит в том, чтобы принудить пользователя редактировать текст именно внутри желтенькой таблицы, а не за ее пределами. Но п…

    Asked by knyazevsergey,

    0 votes
    3 answers

  14. Range slider with two input

    Добрый день. Использую noUiSlider http://codepen.io/npofopr/pen/wKzNaz Как сделать, чтобы каждый инпут менял именно свой ползунок?

    Asked by npofopr,

    0 votes
    3 answers

  15. Множественный фон

    Не получается организовать множественный фон. Показывается только ОДИН фон, но никак не несколько))) И что не так делаю? Код здесь: https://jsfiddle.net/yfLs5tsh/ Спасибо.

    Asked by Alfa2015,

    0 votes
    3 answers

  16. Создать доска объявления

    Уважаемые, подскажите решил создать доску объявлений. Нашел плагин Ads-Wordpress_4, скачал последней версии движок WordPress_4.3.1. Нашел сайт где вкратце описывают как установить, настроить и даже примеры досок (уже готовых). Подскажите где найти полную инструкции по созданию доски объявлений (для новичков) или работы с плагином этим. Или может где на другом движке или самому с нуля создать простою доску объвлений. Основы знаний PHP, HTML, CSS имеются. Спасибо заранее

    Asked by bumerkz,

    0 votes
    3 answers

  17. Как сделать форму подписки на Landing Page?

    Здравствуйте уважаемые форумчане! В програмировании я не разбераюсь и поэтому мой вопрос может показатся глупым для опытных людей, но всё же имеет место быть. В крации объясню проблему. На днях мне понадобился Landing Page, но так как уже говорил, что я в програмировании не "бум-бум" , то естественно решил рипнуть шаблон с другого сайта ( да постигнет меня кара небесная за столь отчаяный поступок). И столкнулся с проблемой. Как мне настроить форму обратной связи, что бы оповещения о заказе приходили ко мне на почту ? Что куда нужно вписать и какие именно строчки в коде мне нужно искать ? Заранее благодарю за ответ!

    Asked by Zakonoposlushniy,

    0 votes
    3 answers

  18. Верстка выпадающего меню

    Добрый день! Подскажите, можно ли при верстке выпадающего меню закрепить его в открытом положении без особо сложных манипуляций с css кодом?

    Asked by Dimskiy,

    0 votes
    3 answers

  19. Указание width и height

    На html академии выложили правила написания вёрстки https://htmlacademy.github.io/codeguide/ У меня вопрос относительно пункта "Размеры картинок", а в частности указания "Изображениям <img> должны быть явно заданы с помощью атрибута размеры". Нет, для SVG я ещё могу понять зачем это нужно. Но для остальных картинок зачем это всё в 2015-ом году?

    Asked by antonKar,

    0 votes
    3 answers

  20. Загадочные отступы между инлайн эллементами

    Есть 2 блока (display:inline-block;margin:0px;padding:0px;) в стилях прописанные отступы по 0 пикселей, но между блоками всеравно есть отступ, как его убрать, искал в интернете, там убирают его с помощью такого: margin:-.36em; но это для определенных размеров шрифтов, как убрать отступ или как с этим бороться?

    Asked by lncrease,

    0 votes
    3 answers

  21. подскажите, как сделать скобки вокруг текста?

    Здравствуйте! извиняюсь за глупый вопрос, но совсем новичек и не могу придумать как сверстать такой элемент в макете: Можно ли эти скобки сделать border ом? пытался найти, но так и не нашел как сделать такие границы. Сделал пока так: <div class="bkt">[</div> <span class="title">КАТЕГОРИЯ 1 текст текст текст</span><div class="bkt">]</div>.title { font-size: 16px; text-align: center; width: 70%; float: left; line-height: 1;}.bkt { font-size: 25px; float: left;}Но вариант совсем корявый у родительского элемента размеры должны быть указаны, а они для каждой категории разные будут... Подскажите, как такое правильно сверстать?

    Asked by bondplus,

    0 votes
    3 answers

  22. bxslider не адаптируется

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

    Asked by daggi,

    0 votes
    3 answers

  23. Не пойму как работает min-width

    Здравствуйте! Не пойму как работает min-width в медиа запросах. Вот, например, мне нужно, чтобы на больших экранах был фон у блока с картинкой, а на маленьких экранах -- картинку убрать. То есть, на экранах с минимальной шириной 768px картинка с фоном должна исчезнуть...но она не исчезает. Пишу такой код: @media (min-width: 1200px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 992px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 768px) {.footer { background:none;}}

    Asked by Alfa2015,

    0 votes
    3 answers

  24. Не видно тень слева у появляющегося блока

    Друзья, прошу помочь. Делаю для себя сайт и постепенно изучаю css. Прошу не кидать тухлыми помидорами и помочь мне в одном вопросе. Слева при наведении на рецепте не появляется тень, то есть как бы границы сайта не дают выйти тени за ее пределы. Прошу помогите. Вот скрин где косяк. Сайт ideipovara.ru http://i67.fastpic.ru/big/2015/1006/11/30c64719e367e40ec2d724076942da11.jpg

    Asked by stas3k,

    0 votes
    3 answers

  25. И снова о "float"

    После прочтения небезызвестной статьи на Хабре по поводу флоата: http://habrahabr.ru/post/142486/ Решил попрактиковаться, но не работает почему-то((Мой код иэ Брэкетса: http://clip2net.com/s/3oBGMRfПочему у меня не срабатывает "display: inline" для li ?Может потому что в статье речь идет о картинке, а у меня просто элементы списка? Подскажите!

    Asked by Riggs,

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