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. Отступы снизу от картинки

    Здравствуйте участники форума, помогите с такой проблемой после вставки изображения снизу от него появляется отступ в чем проблема понять не могу, раньше с таким не сталкивался далее прилагаю код. <!doctype html><html> <head> <meta charset = "utf-8" /> <link rel = "stylesheet" type = "text/css" href = "style.css" /> <title> BUKET SECOND </title> </head> <body> <div class = "header"> <img src = "img/portfolio-img1.jpg" alt = "" /> </div> </body></html>*{margin: 0 ;padding: 0 ;}.header{background: #00ff00 ;}

    Asked by pavlovda,

    0 votes
    3 answers

  2. Как сделать лучше ?

    http://pixs.ru/showimage/notifypsdt_9728036_16130652.jpg Как сделать лучше этот блок ? Просто в html изображение вставить ? или может спрайтами через css

    Asked by Shenia132,

    0 votes
    9 answers

  3. selectable jquery

    Всем привет, мне нужна помощь с функцией jquery - selectable http://jsfiddle.net/dpaj546q/ необходимо сделать так чтобы при выделении элемента вместе с ним выделялся checkbox а также при снятии галочки checkbox снималось и выделение

    Asked by radioactive68,

    0 votes
    7 answers

  4. Фото (слайдер) под размер фона - экрана телевизора.

    Есть фото для фона (http://zagruzitfoto.com/images/2015/03/04/4ZP0a.jpg). Есть остальные фото, стандартные, так сказать 10*15, которые перещелкиваются (слайдер). Вот есть необходимость, чтобы фотки были подогнаны под размеры экрана телевизора (http://zagruzitfoto.com/images/2015/03/04/4ZP0a.jpg) с закругленными краями, как сам экран. Подскажите как это можно сделать!

    Asked by Serg Shew,

    0 votes
    3 answers

  5. смещение картинок

    Есть блок такого типа: делаю так: http://jsfiddle.net/Lola89/rkrhphzm/1/ в браузере отображается вот это: Подскажите что необходимо переделать? Спасибо!

    Asked by Lola89,

    0 votes
    3 answers

  6. focus и форма или блок комментария как в вк.

    Здравствуйте! Не могу понять как отловить момент потери фокуса textarea и формы в которой она находится, принцип как и в поле вк при добавлении комментария. Нажимаен на поле - открывается форма со всем не обходимым, кликаем вокрук формы не исчезает, кликнули за пределом формы, свернулась. http://jsfiddle.net/Vicos/sn0ezcf7/здесь зачатки скрипта. Перепробовал уже многое, именно этот момент не удалось. В консоли выводится 1 когда получаем фокус. 0 при потере фокуса, 2 когда поле не пустое.

    Asked by Vicos,

    0 votes
    2 answers

  7. Чат

    Кто знает как сделать этот чат? Вот ссылка:http://smartech.by/. Справа блок синий "Оставьте сообщение". Как сделать такой-же блок? Мне можно даже просто скелет, без дизайна. Буду очень, очень благодарен.

    Asked by Mestniy96,

    0 votes
    19 answers

  8. Вывод с другой страницы

    Добрый день. Возможно ли на своей html-странице вывести текстовую информацию с div с другой странице (просто, находящейся в Интернете)? Спасибо.

    Asked by 12345678987654321,

    0 votes
    5 answers

  9. regexp для номера телефона

    посоветуйте пожалуйста регулярное выраженеи для номера телефона. в интернетах их валом, но нет того которое мне нужно. мне нужно чтобы номер мог состоять из цифр, тире, проблема, круглых скобок. если важно, то я использую плагин jqueryvalidate. вот одна из моих попыток: phone_new: { "required": true, "pattern": /[-0-9\(\)]*/ }

    Asked by cyklop77,

    0 votes
    2 answers

  10. макет

    приветствую,народ я начинающий подскажите как сверстать текст,что бы он так же отображался как в макете(с переносами с отступами и т..д.)

    Asked by Krendel,

    0 votes
    18 answers

  11. Разные стили для разных списков

    Привет всем. Помогите советом новечку. Имеется: Один html документ (index). В нем 3 меню: одно горизонтальное, под шапкой. Два других, вертикальные, ниже, прижаты справа и слева, по бокам основного контента. Вот меню которые по бокам описаны в css одинаково, разные только ссылки в них. А меню горизонтальное, должно иметь другой вид и другое поведение при наведении и т.д. Подскажите, как в одном css документе описать разные правила для разных списков меню.

    Asked by slava.prib,

    0 votes
    1 answer

  12. Как сделать такой маркер

    как на живой карте яндекс сделать вот это http://hostingkartinok.com/show-image.php?id=05accae046b4a7882ec96f978b818b37 ?

    Asked by raptor-dm,

    0 votes
    1 answer

  13. Простите, но формы отправки

    Здравствуйте. У меня получилось подключить эту прекрасную форму отправки, пример тут. Она предполагает использование нескольких идентичных форм на странице. Но почему-то не работают они на сайте. Всё, что конфликтовало. я поправила. Из, например, 3-х одинаковых отправляет только первая. Откройте секрет - как поставить на сайт несколько идентичных форм отправки, чтобы каждая отправляла запрос пользователя на почту? Спасибо, не ругайтесь.

    Asked by kattiperk,

    0 votes
    6 answers

  14. Картинка после пунктов меню.

    Привет. Есть горизонтальное меню. Как после каждого пункта меню вывести точки, как тут: Если кому нужна картинка точек.

    Asked by Guard,

    0 votes
    3 answers

  15. 3 виджета в один ряд

    Добрый день! Как можно разместить 3 социальных плагина (вк, фб, ок) в один ряд? Размещаю, получаются все 3 друг над другом... ОК: <script type=»text/javascript»>OK.CONNECT.insertGroupWidget(«widget», 56929434533942, ‘{width: «317″, height: «350″}’);</script>ФБ: <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-colorscheme="light" data-header="true" data-height=…

    Asked by marianna9201,

    0 votes
    3 answers

  16. Блок с социальными сетями

    Друзья! Как можно реализовать такой блок с социальными сетями? Можно посмотреть его на сайте по адресу: http://www.elle.ru/ , справа в середине страницы.

    Asked by marianna9201,

    0 votes
    3 answers

  17. Эффект при наведении на img

    Здравствуйте! Подскажите пожалуйса как сделать: Должно быть 3 блока, ширина 300px, а высота 100%. В них расположены ссылки, а в ссылках изображения разной высоты и ширины. <a>img...</a> Задача, нужно чтобы при наведении на изображения, появлялся заданый текст.

    Asked by FitTech,

    0 votes
    2 answers

  18. Возможно ли обойтись без скрипта?

    Есть сайт. Под меню Расширенный поиск. Задача состоит в том, чтобы у каждого 4 блока со свойствами товара (пол, бренд, возраст, ...) обнулить margin. Я написала такое правило, но оно не работает как надо: .search_gW .widget-meta-data-filter .mdf_input_container:not(.mdf_section_tax_product_cat):nth-of-type(4n){ margin-right:0 !important;}Это правило некорректное? Возможно ли это сделать без js?

    Asked by Светлана Г.,

    0 votes
    6 answers

  19. Зависимость контента от изображения

    Контент всегда зависит от внутри написанного текста по высоте, но когда вставляю картинку контент как был 10px так и остался. Как сделать, чтобы контент изменялся в зависимости от вставленного изображения? Код: http://jsfiddle.net/em1Lhnhr/2/ Заранее спасибо!

    Asked by perec200,

    0 votes
    6 answers

  20. Как объединить медиазапросы

    Для отладки использовал такую схему: <link rel="stylesheet" media="screen and (orientation:portrait) and (max-width:240px)" href="{THEME}/css/style_p.css" /><link rel="stylesheet" media="screen and (orientation:landscape) and (max-width:480px)" href="{THEME}/css/style_l.css" />Как правильно объединить эти два медиазапроса в один? <link rel="stylesheet" media="screen and (((orientation:portrait) and (max-width:240px)) or ((orientation:landscape) and (max-width:480px)))" href="{THEME}/css/style_p.css" />Так правильно? Можно ли использовать вложенные выражения?

    Asked by alleclf,

    0 votes
    6 answers

  21. Почему не работает handheld для определения смартфонов?

    Есть способ отобрать именно мобильные устройства - телефоны, смартфоны, планшеты?

    Asked by alleclf,

    0 votes
    0 answers

  22. Как работает адаптивность в Bootstrap?

    Заинтересовался адаптивными сайтами на Bootstrap. И вот меня интересует такой вопрос: с помощью чего (каких правил CSS и т.д.) при разных размерах экранов появляются одни объекты (слои) и скрываются другие. Погуглил, но ничего дельного не нашел, мб не так гуглил. ) Меня интересует код, если кто-то подскажет буду благодарен. P.S.: На сколько я знаю все сделано без использования JS, на чистом CSS и HTML.

    Asked by Sergo Skiller,

    0 votes
    3 answers

  23. Какой выбрать движок для интернет магазина

    Хочу сделать интернет магазин. Подскажите, движок, на котором можно сделать магазин зная только html и css. Смотрела готовые шаблоны для интернет магазина, но ни один из них не подходит для того магазина, который я хочу сделать.

    Asked by Anna-15,

    0 votes
    5 answers

  24. Создание адаптивной галереи

    Добрый день, подскажите пжлст, как сделать Чтобы фотографии подстраивались друг под друга и занимали все свободное пространство http://www.armani.com/ru/armanijunior

    Asked by Romasa,

    0 votes
    0 answers

  25. Переопределение стилей bootstrap, как правильно

    Наверное вопрос покажется глупым для многих, но как в Bootstrap правильно переопределять стили? Добавляя свой новый класс: <ul class="nav nav-tabs custom-nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"><a href="#">Profile</a></li> <li role="presentation"><a href="#">Messages</a></li></ul>.custom nav-tabs { border-bottom: 2px solid #f00;}Или же можно сразу использовать классы bootstrap? <ul class="nav nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"…

    Asked by Shiza,

    0 votes
    1 answer

  • Обсуждения

    • 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