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. a > div

    Можно ли использовать элемент div внутри элемента a, без изменения дисплея? Допускается или такое в спецификации? В линде говорят то что можно, а в ШП говорят нельзя.

    Asked by DivMan,

    0 votes
    4 answers

  2. Как поставить чувака на свое место?

    Привет всем) вот скриншот из фотошопа http://hostingkartinok.com/show-image.php?id=3c668501d2105d5215c4b5c5e700137e он рукой чуть чуть контент задивает, как такое реализовать ?

    Asked by raptor-dm,

    0 votes
    6 answers

  3. Вопрос про паралакс.

    Дело в том что у меня при скроле во всех браузерах кроме мозилы дергается фон, в мозиле все нормально. Если не колесиком? a скролом крутить то все нормально. Можно ли решить как нибудь эту проблему? для параллакся использую stellar.

    Asked by raptor-dm,

    0 votes
    2 answers

  4. Меню разделенное логотипом

    Дженьльмены и леди, подскажите как правильно верстать список навигации разделенный логотипом? Примеры: И

    Asked by Drunk_Monkey,

    0 votes
    7 answers

  5. Селекс

    Как оформить этот селект или какие плагины посоветуете? http://fastpic.ru/view/65/2014/1103/9b02a296474fb35f7d40726ff717746d.jpg.html

    Asked by raptor-dm,

    0 votes
    2 answers

  6. Как сделать текст по центру меню?

    Код: http://codepen.io/l1nx/pen/ipyHJ Почему-то свойство vertical-align: middle не работает

    Asked by L1nx,

    0 votes
    1 answer

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

    проблема решена)

    Asked by raptor-dm,

    0 votes
    0 answers

  8. Пустое место под фоном

    У меня есть фон(картинка) #big_container{text-align:center;height:auto;width:100%;min-height:100%;background: url(img/dnk2.jpg); background-size: cover; }и есть блок div с простой картинкой,по бокам от этой картинки градиенты вот такие http://cssdeck.com/labs/tfjvhg0d. у картинки стоит height:auto;и она помещается при любом разрешении монитора,а вот градиентам "auto"-не написать,т.к. они пропадают,приходится писать 100% и возникает такая проблема,появляются полосы прокрутки,и внизу страницы белый поля,под фоном,как их убрать? Нужно чтобы картинка и градиенты были одинаковой высоты,и помещались в экран при любом разрешении.

    Asked by BeetleJuice541,

    0 votes
    0 answers

  9. Картинка двигается мышью

    Тег <IMG>. Если Захватить мышью картинку, то можно ее двигать. Это нормально? Или я какие-то настройки тега не добавил?

    Asked by кэп,

    0 votes
    14 answers

  10. требования

    скажите , а есть правила или требования которые предъявляются к сайтам.

    Asked by Leyla84,

    0 votes
    3 answers

  11. Проблема из маркерами списков, не могу разобраться ((

    у меня есть сайт http://nsp23.com/. Недавно мне стало нужным создать маркер списка, но столкнулся с проблемой стилей. здесь выложил меню самого сайта http://jsfiddle.net/ugp2sj9h/ помогите пожалуйста в решении проблемы.

    Asked by saen,

    0 votes
    4 answers

  12. Годиться ли такая форма?

    Годиться ли такая форма? Подскажите пожалуйста ошибки, если они есть. И можно ли по другому сделать? http://codepen.io/anon/pen/tigle?editors=110

    Asked by Roger,

    0 votes
    13 answers

  13. Проблема из маркерами, не могу создать правильно class

    м

    Asked by saen,

    0 votes
    0 answers

  14. внесение svg кода в html

    Здравствуйте! Помогите пожалуйста разобраться. Требовалось внести svg-код в html документ. Я не нашёл лучше способа как через <object>. <object data="link.svg" type="image/svg+xml" width="400" height="450"></object> В результате у меня при нажатии ссылок, находящихся в подключённом svg, открываются сайты не на полную страницу, а в окошке 400х450. Как этого избежать? Возможен ли тогда какой-либо другой способ вставки svg в html? <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Растягиваемый фон</title> <style> body { background: url(images/loshad.png) no-repeat; -moz-background-size: 100%; /* …

    Asked by Иван98,

    0 votes
    3 answers

  15. background работа со спрайтами

    Всем привет. Интересует вопрос. По моему где то видел в видео. Допустим есть спрайт. Расстояние между рисунками в нем 10 пикселей. А контейнер больше значительно рисунка + 10 пикселей. То при установки спрайта фоновым изображением будет вылазить и следующее изображение на спрайте. Чтобы этого не было по-моему есть правила, что ты указываешь размеры и отступы от края - типа crop получается и потом работаешь только с этой частью спрайта. Если ошибаюсь подскажите выход из такой ситуации - описаной выше

    Asked by psics,

    0 votes
    3 answers

  16. как правильней делать?

    Подскажите, как правильней делать эти многоточия при верстке ? правильно ли делаю? http://jsfiddle.net/4jxqukfo/13/ Просто не пойму это надо подбирать количество точек чтоб цена была прижата к правой стенке блока или это делать таблицей вообще?

    Asked by tr0nik,

    0 votes
    8 answers

  17. Обтекание блоков

    Добрый день! Натолкните, пожалуйста на мысль, как организовать такой макет. Условия такие: 1. Количество и высота зеленых блоков не определены 2. Положение и размеры оранжевого блока зафиксированы

    Asked by RayEagle,

    0 votes
    2 answers

  18. альтернатива google drive

    Вечер добрый Ранее хранил макеты, которые верстаю/сверстал на google drive, т.к. просто удобно, да и посмотреть в любой момент можно. А вот недавно вернулся туда, и увидел их обновлённый диск, и возможности хранить сайт для просмотра, как раньше, уже не увидел (или плохо смотрел), по-этому вопрос: есть ли похожие альтернативы гугл драйву, чтобы хранить сайт и просматривать как готовую страницу. может яндекс диск пойдёт? upd. интересует просто хранилище для черновиков, бесплатное.

    Asked by orange_juice,

    0 votes
    6 answers

  19. Раскрывающееся окно при наведении мышкой

    Добрый день! Очень хочется узнать, как реализованы всплывающие окна при наведении мышкой, как на сайте http://deti.mail.ru В самом начале есть блок новостей, при наведении на одно из которых появляется описание новости. Очень хочется узнать, как реализована данная идея!

    Asked by marianna9201,

    0 votes
    5 answers

  20. Фотовое избражение во всю ширину экрана

    Проблема в том что получаеться разместить изображение по центру, но не могу задать что бы при изменении разрешения она пработала во всю шерину. Задумка такова: - фон картинка имеет исходнок разришение 1600px; - нужно что бы послу 1600px разришения экрана избражение растягиволось во всю ширину. использовал такой вариант: .box { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 65px 0; height: 100%; background: url("/images/head.png") no-repeat top center;}

    Asked by kemston,

    0 votes
    2 answers

  21. hover в div'e действует на вложенные блоки

    Подскажите как решить следующую проблему, есть li в нём div, при наведении мыши к диву должен применится hover, но он применяется только к вложенным блокам а не к родительскому диву! то есть бэкграунд меняется например у 'news_title_header' когда мышка находится на нем, а у всего 'news_parent' не меняется. такая конструкция <li> <div class="news_parent"> <div class="news_title_header"> <a data-post="5" href="news/novost-3">Новость 3</a> <i class="c_time">01.11.2014</i> </div> <div class="news_short"><p>краткое описание</p></div></div></li>стиль: #news li {margin-botto…

    Asked by snake2,

    0 votes
    4 answers

  22. Как выбить блок

    есть сайт http://texteredsa.besaba.com/marca/ вот скриншот из макета http://hostingkartinok.com/show-image.php?id=db667186c649b049a35395c6542f059b задача такая. центральный блок с поиском и мылом нужно при определенном разрешении выбить из потока, чтобы он оказался под двумя остальными блоками, такую задачу я осуществил, при сужении он уходит. но дело в том что левому блоку я назначил float left а правому right а центральный проваливается и имеет 100% ширину. мне не получается спозиционировать кнопки возле инпутов. ведь блок имеет 100% ширину. как сделать правильно?

    Asked by raptor-dm,

    0 votes
    0 answers

  23. Слэш в конце

    Всем доброе утро! Меня интересует вопрос. Допустим, взяв к примеру код: <link rel="stylesheet" href="/styles/style.min.css" />Объясните, для чего нужен этот слэш в самом конце? И в каких случаях он вставляется?

    Asked by camaro,

    0 votes
    3 answers

  24. Слайдер перекрывает часть header только на мобильных устройствах.

    Здравствуйте! Есть сайт: http://new.septic-topas.ru/ Он сделан на готовой платной теме. На главной странице есть слайдер. На desktop, а также на эмуляторах мобильных устройств - все нормально. При просмотре на реальном же iPhone слайдер перекрывает собой часть содержимого в верней части: логотип, телефоны, поиск, верхний блок. Вот скриншот с другого мобильного устройства: В стилях есть такой блок: .block-collection-slider. У него закомментирован z-index:1. Так вот, если раскомментировать - то проблема видна и на немобильниках. Помогите, пожалуйста, разобраться, в чем причина.

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

    0 votes
    2 answers

  25. Динамичная загрузка контента на php

    Добрый день. Для статичного подключения php файлов использую: <?phpinclude "content.php";?>Покажите пожалуйста маленький пример, как подгружать динамически, т.е. при нажатии на ссылку/кнопку изменить содержимое div. Спасибо.

    Asked by Ururu,

    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