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. Как лучше всего сделать галерею?

    С помощью чего (библиотеки, инструменты) лучше всего делать такой слайдер? То есть, картинки должны перемещаться при нажатии на кнопки сверху

    Asked by mankutila,

    0 votes
    2 answers

  2. html внутри html, doctype внутри doctype

    Всем привет! У меня на сайте есть "каркас" в виде php-файла, а переключаемые страницы вложены внутрь него (при помощи php include). Вопрос: вложенным страницам можно приписывать <doctype>, <head> и <body>? Контекст: Недавно очень неожиданно человек, написавший для меня php, внезапно сообщил мне, что так делать нельзя. А у меня уже наверно есть повторяющиеся названия классов на разных станицах, и многие стили присвоены не классам, а элементам. Придется все переписывать, если хочу, чтобе все было красиво? Потому что по сути все и так работает, но если кто-нибудь потом будет дорабатывать/менять, то не хочется, чтобы меня проклинали на чем свет стоит. ил…

    Asked by forest_moss,

    0 votes
    2 answers

  3. Позиционирование меню

    Добрый вечер. Буду благодарен тому кто поможет, сместить меню из верхнего положения шапки в нижнее. Спасибо! http://jsfiddle.net/y8cmbg32/

    Asked by perec200,

    0 votes
    2 answers

  4. Padding уходит за границы экрана

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

    Asked by Inf1n1tI,

    0 votes
    4 answers

  5. Чередование фона

    Добрый день, подскажите пожалуйста, как правильно в css написать, чтобы 1 строка черная, 2я белая, 3 черная, 4 белая и т.д. Вот код <label class="jbprice-row jbprice-row-0"> <label class="jbprice-row jbprice-row-1"> <label class="jbprice-row jbprice-row-2"> <label class="jbprice-row jbprice-row-3">

    Asked by RK3DNP,

    0 votes
    6 answers

  6. show block cookies link jquery

    Мне нужно сделать так, чтобы при открывании ссылки с определённым тегом в конце автоматически открывался блок на сайте без php То есть что то похожее на jquery tabs где при открытии вкладки в конце ссылки в адресной строке добавляется "/#tabs1" или "/#tabs3" смотря на какую вкладку нажать.. И если эту ссылку "передать" другому то тот откроет сайт сразу с нужной вкладкой, но мне нужно чтобы просто открывался определённый блок на сайте Я так понимаю это делается через cookies, а с cookies я абсолютно не знаком Юзав поиск я не нашёл что либо похожее или просто я не знаю как это назвать) Такшто прошу когонить написать что нибудь на эту тему если это вообще реализуемо или …

    Asked by radioactive68,

    0 votes
    2 answers

  7. Неправильное отображение кнопки в Firefox

    Доброго времени суток. Кнопка в firefox почти в два раза больше, чем нужно, хотя через инспектор смотрю - все пиксель в пиксель. Не могу понять в чем проблема, помогите пожалуйста)

    Asked by Rakapudl,

    0 votes
    5 answers

  8. Блоки отскакивают при наведении

    Здравствуйте. Вот пример того, как должно быть: Т.е. при наведении на блок, он должен увеличиваться вместе с изображением товара. Как это получилось у меня http://codepen.io/anon/pen/bNQOKa Я сделал это следующим образом: При наведении на блок, он увеличивается, а его марджины уменьшаются. В обычном состоянии я задал в .item-slider li margin:25px 15px 30px 15px; А при наведении: .item-slider li:hover margin:20px 5px 20px 5px; Но проблема в том что другие блоки начинают отскакивать. Что с этим делать? И также интересует следующее: При наведении на блок всплывает круг "SHOP IT". Как сделать чтобы он всплывал плавно. Пробовал как-то сделать через opacity и tr…

    Asked by yaparoff,

    0 votes
    7 answers

  9. изменение масштаба для мобильных устройств

    помогите пожалуйста решить проблему есть резиновый сайт. его минимальная ширина 1200px. если ширина окна браузера < 1200px , то: на десктопе появляется нижний скролл jsfidde , на мобильных устройствах сайт должен по ширине полностью поместиться в экран мобильного устройства(то есть чтобы нижнего скролла не было) при этом в блоке head прописан тег: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">реализовать пункт2 у меня не получается

    Asked by cyklop77,

    0 votes
    8 answers

  10. Margin при наведении

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

    Asked by jdk,

    0 votes
    3 answers

  11. Модальное окно

    сайт лежит на локальном сервере. на сайте имеется кнопочка, по нажатию на которую выползает модальное окно, содержащее небольшую формочку. но когда я закрываю модальное окно, то URL становится таким: http://localhost/index.html#close, а при обновлении страницы происходит как бы моментальное открытие модального окна и сразу его закрытие. ну, будто он уже открыт был. нужно чтобы не было такого момента, что он после обновления страницы вызывает-закрывает модальное окно... как исправить? CSS: /* Контейнер */.modal {/* Слой перекрытия */position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 10000;/* Трансформации прозрачности при открытии …

    Asked by ineedhlw,

    0 votes
    5 answers

  12. обводка текста с тенью

    http://hostingkartinok.com/show-image.php?id=2000e17cc73daba11c74069597af3835 сперва белая обводка а потом тень. как сделать? а то у меня не получаеться.

    Asked by raptor-dm,

    0 votes
    5 answers

  13. Не функционирует слайдер

    Собственно, не работают радио-кнопки у слайдера (внизу) http://codepen.io/anon/pen/PwxGxE Также интересует вопрос как сделать рабочими стрелочки(по центру)?

    Asked by yaparoff,

    0 votes
    2 answers

  14. горизонтальное выравнивание блока фиксированной ширины

    помогите пожалуйста горизонтально выравнять вложенные пункты меню относительно родительских jsfiddle здесь каждый пункт меню верхнего уровня имеет белую полосу, которая появляется при наведении на пункт. видно, что блок с вложенными пунктами смещён по горизонтали относительно этой полосы. в этом проблема для облегчения задачи я задал жёстко ширину блока с вложенными пунктами. но если подскажете решение для блока неизвестной ширины, будет ещё лучше хотелось бы получить решение очень кроссбраузерное. даже за счёт красоты кода

    Asked by cyklop77,

    0 votes
    5 answers

  15. уехало меню после добавления float

    помогите пожалуйста вернуть .nav_top_inner под .header .оно уехало после того как я добавил float: left для .nav_top_inner ul lifiddle

    Asked by cyklop77,

    0 votes
    2 answers

  16. Помогите небезвозмездно

    Здравствуйте,есть сайт http://co28653.tmweb.ru/, там имеются блоки http://take.ms/UFPq8 , надо сделать чтобы они были анимированы как на http://agift.ru/ http://take.ms/XM01G

    Asked by htmligor,

    0 votes
    4 answers

  17. Позицианирование

    Приветствую, подскажите пожалуйста, как разместить красный блок, ровно по центру картинки? http://cssdeck.com/labs/rp6byd3y

    Asked by Vans,

    0 votes
    1 answer

  18. Адаптивное меню

    Добрый вечер! После просмотра очередного сайта, где меню изменялось от ширины экрана, возник вопрос "Как сделать Адаптивное меню?". Допустим, при просмотре с большого экрана можно увидеть во всю длину горизонтальное меню, а при просмотре с маленького экрана горизонтальное меню преобразовывается в раскрывающийся\закрывающийся список. Вопрос: Как такое меню сверстать, какие методы при этом использовать? Пример: Зажав клавишу Ctrl + прокручивая колесико мыши, можно видеть как меню видоизменяется.

    Asked by perec200,

    0 votes
    1 answer

  19. Не могу сделать выпадающее горизонтальное меню

    Здравствуйте! У меня образовалась такая проблемка при создании горизонтального меню. В общем, само меню я сделал, а вот как реализовать чтобы при наведении курсора на пункт снизу появлялся еще один пункт с контентом я не знаю. Подскажите пожалуйста как такое реализовать, а то я уже не знаю что делать. Искал в интернете, но все способы которые там описываются мне не подходят - меню либо ломается, либо вообще не работает. Вот кстати код: css: .horiz{width:1000px;height:40px;margin:auto;padding:0px;list-style:none;} .horiz li{float:left;height:40px;border-bottom:1px solid #2e4a5b;} .horiz A:hover{background:url(/devmedia/_images/grad/headerbackgroundpnglihover.png) #3b546…

    Asked by Faberton,

    0 votes
    2 answers

  20. Многослойный хэдер - как лучше реализовать?

    Добрый день. Нужно сверстать вот такой хэдер у сайта. Вопрос к опытным верстальщикам: как реализовать многослойность фона? Причем чтобы ничего не съезжало при изменении разрешения экрана (т.е. фиксированная серединка оставалась на месте). Были попытки сделать через множественный фон или соединить все в одну картинку фона, но опять же при уменьшении или увеличении масштаба все разлазится. Как реализовать это нормально?

    Asked by mankutila,

    0 votes
    5 answers

  21. Как выровнять кнопки по центру

    Доброго всем времени суток! Подскажите, пожалуйста, как в приведенном ниже блоке выровнять кнопки 1,2 и 3 по центру? HTML-код: <div class="bottom_nav_wrap"><div class="bottom_nav"><ul><li class="previuos"><a href="#">« Previous</a></li><li class="pages active"><a href="#">1</a></li><li class="pages"><a href="#">2</a></li><li class="pages"><a href="#">3</a></li><li class="next"><a href="#">Next »</a></li></ul></div> </div> CSS-код: .bottom_nav_wrap{padding:10px 0;background: url(../img/content-border.png) top …

    Asked by alejandro13,

    0 votes
    2 answers

  22. Не работает tr:hover

    На сайте в таблице требуется при наведении на строку курсора выделять ее другим цветом. Но задаваемый мной стиль не работает: .tables2 tr:hover{ background:silver !important;} При этом если задавать это свойство для ячейки таблицы, то все нормально отображается. Вот пример страницы:http://football-stadiums.ru/afrika/10-afrika/29-marokko.html Подскажите, пожалуйста, что не так, если не сложно. Заранее благодарен.

    Asked by alejandro13,

    0 votes
    3 answers

  23. Позиционирование

    Есть примерно такой html: <div class="container"> <div id="bloсk1">Высота контента может быть любой</div> <div id="bloсk2">Высота контента может быть любой</div> <div id="bloсk3"></div> </div> Возможно ли block3 поместить между block1 и block2, не изменяя html?

    Asked by ssrn,

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