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. Блок под разные разрешения экрана

    Есть код: .goods ul {width: 1280px; list-style-type: none; margin: 0 0 0 -6px;}.goods li {display: -moz-inline-box; display: inline-block; vertical-align: top;}Не пойму как сделать, если разрешение монитора 1024, делать блоку goods ul ширину 980, а если более 1024, то тянучку до 1280. Доктайп такой:

    Asked by okunev2,

    0 votes
    4 answers

  2. Блок подлазит под фиксированную шапку

    Доброго дня прошу помощи в решении такой проблемы имеется одностраничный лендинг http://frontpage.by первый блок зафиксировал position:fixed; меню навигационное только по странице, пример пути href="#box2" так вот беда такая, что при клике на меню вызываемый блок подлазит под шапку и перекрывается часть заголовка padding-top к каждому блоку вроде решить можно, но вся страница тогда смотрится с большими просветами между блоками. помогите, если кто знает

    Asked by holevinskijD,

    0 votes
    1 answer

  3. блок ползёт вместе в меню

    суть такова - учусь вёрстке, верстаю макет - есть шапка, горизонтальное меню, меню слева, основной контент справа, ну и собсн футер приклеен к низу экрана. меню сворачивается-разворачивается при нажатии на ппункт посредством jscript. структура страницы: <body><div class="wrapper"> <div class="content"> <header/><hormenu/><aboutus/> <div class="leftmenu">менюшка на js</div> <div class="rightcontent">контент справа</div> </div><div class="push"></div><div> //конец wrapper<footer></footer>проблема в том, что при раскрывании/сворач…

    Asked by orange_juice,

    0 votes
    4 answers

  4. Блок Посередине

    Вот мне надо сделать блок посередине, я прописал у него display: inline-block; теперь во всех браузерах он стоит посередине кроме эекспловера.А что мне сделать с экспловером?!

    Asked by new01,

    0 votes
    4 answers

  5. Блок размером окна в блоке на странице с overflow hidden

    Здравствуйте. В общем есть задача в блок А на странице разместить блок Б с размером окна браузера, при этом блок Б должен быть зафиксирован, т.е. быть не подвижным при скроле. И видно только ту часть что расположена внутри блока А. Манипуляции с position:fixed z-index не к чему не привели. Точнее блок Б становится выше фона страницы и показывается за пределами блока А. https://yadi.sk/i/8pHOa7YD3GsjXc

    Asked by clgs,

    0 votes
    1 answer

  6. Блок с 2 bg

    Всем привет, есть вот такие блоки в макете, не могу придумать как реализовать Изображение в бэкграунде смещено, при масштабирование не должно "съезжать", блок 100% ширины. Есть идеи? Конечно можно картинкой весь блок вставить, но как-то жестко выйдет

    Asked by inex,

    0 votes
    6 answers

  7. блок с css стилями.

    Встала задача создать оффлайн версию сайта. Сами страницы есть и я спарсил из них инфу. Осталось разобраться со стилями. Вот в <head> есть такая строка : http://slot1.images1.wikia.nocookie.net/__am/1450744777/sasses/background-dynamic%3Dtrue%26background-image%3Dhttp%253A%252F%252Fimg1.wikia.nocookie.net%252F__cb77%252Fterraria%252Fru%252Fimages%252F5%252F50%252FWiki-background%26background-image-height%3D1080%26background-image-width%3D1920%26color-body%3D%2523000000%26color-body-middle%3D%2523bacdd8%26color-buttons%3D%252343372e%26color-header%3D%2523285f00%26color-links%3D%252354845e%26color-page%3D%2523ebebeb%26oasisTypography%3D1%26page-opacity%3D92%26widthTy…

    Asked by mixa3607,

    0 votes
    2 answers

  8. Блок с аудиоплеером невидим

    Здравствуйте. Уже несколько дней ломая голову над одной проблемой. Есть сайт, который работает на isotope (masonry). В одним из блоков помещается аудио плеер (jwplayer). Вместе все работает исправно. Но встала задача перевести сайт на ajax переключение страниц. Для того, чтобы после перехода на страницу с masonry блоки вставали на своим месте, подключил повторную инициализацию скрипта после .load(): $('#main').isotope({ itemSelector : '.post-item', masonry: { columnWidth: 390 } }); Переинициализация работает, однако блок с аудиоплеером перестал отображаться. Причем при загрузке страницы он появляется на доли секунд, а затем исчезает, т.е. ведет себя так, будто ему присво…

    Asked by Lionel,

    0 votes
    1 answer

  9. Блок с горизонтальным скроллом

    Здравствуйте. Подскажите плиз как сверстать блок как тут вверху http://www.shurum-burum.ru/photos/matreshk...08/photo/#49033 который с фотками и гризонтальным скроллом. Интересует только этот блок в принципе (главное чтоб он не фикс ширины был) Буду оч благодарен любым идеям (в js не шарю )

    Asked by Dioni$$,

    0 votes
    17 answers

  10. Блок с закруглёнными краями и градиентным border

    Как сверстать блок с закруглёнными краями и градиентным border? На примере кнопки, я сверстал используя не стандартный подход, а есть ли более правильный семантически корректный подход в решении таких задач? Не нравится что кнопка вышла фиксированного размера. Много CSS-свойств. *, *::before, *::after { box-sizing: border-box; } body { background: #050B1F; } /* Верхний слой */ #button-continue { margin-top: 46px; width: 331px; height: 54px; border: 3px solid transparent; border-radius: 56px; background-color: rgba(11, 27, 55, 1); position:relative; cursor:pointer; } /* нижний слой (Градиент) */ #button-continue::after { cont…

    Asked by Delat,

    0 votes
    3 answers

  11. Блок с закругленными углами

    Возник такой вопрос. Нужно сделать блок с закругленными углами, сзади которого располагается разный фон. В одном случае, к примеру, фотография, во втором просто цвет. Делать разные изображения углов, в зависимости от страницы уж не хочется( Тем более, что таких блоков несколько, да и как-то мясисто это. Надеюсь, что есть грамотный альтернативный способ. Не поделитесь вариантами решения, люди добрые? http://nicothin.ru/zakruglennye-ugly-v-ideale.html Вот интересный способ, есть ещё варианты?

    Asked by Rootical,

    0 votes
    4 answers

  12. Блок с закругленными углами с изображением

    Доброго времени суток. Подскажите, пожалуйста, как лучше сверстать вот такой блок Получилось 8 маленьких кусочков, которые нужно слепить в один блок на div Получается что-то подобное: <div class="класс"> <div> <div> <div> <div> <div> <div> <div> Содержимое блока </div> </div> </div> </div> </div> </div> </div> </div> </div> .класс { background : url(1 картинка) top center repea…

    Asked by malsyst,

    0 votes
    6 answers

  13. блок с контэнтом прижать к футэру

    скачал шаблон чтоб сделать простенькую страничку, немного переработал но не получается прижать блок с контэнтом к верхнему краю футэра даже если контэнта мало вот ссылка http://winner07.ho.ua/

    Asked by AndreyT,

    0 votes
    2 answers

  14. Блок с линиями

    Подскажите, как реализовать такой пример на css. Чтобы размер блока с текстом менялся в зависимости от ширины текста, т.е был динамичным. И главное: чтобы работало в ie7 Спасибо

    Asked by satantx,

    0 votes
    3 answers

  15. Блок с материалами

    Добрый день! Помогите реализовать вот такое: У самого не выходит что-то Картинка должна быть размером: 104px на 54px

    Asked by Simpsons,

    0 votes
    4 answers

  16. Блок с округлением

    Подскажите как исправить? http://itmages.ru/image/view/254670/6d6b446d #content { height:400px; margin: 30px 50px 20px 60%; padding: 5px; border: none; } .conten { background: transparent;margin-top:340px;line-height:60px ; } .conten h1, .curved p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#B0BCC2; border-left:1px solid #B0BCC2; border-right:1px solid #B0BCC2; margin:0 5px; font-size:1px; } .conten .b2 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#EBEEF0; border-left:1px solid #B0BCC2; border-right:1px solid #B0BC…

    Asked by Rambo2045,

    0 votes
    1 answer

  17. Блок с округленными краями

    Расскажите как верстать макеты, где есть закругления у блоков. Я пробывал делать таблицу 3x3 и в каждый угол вставлял край заугргленный %) не очень приятная работа. Может есть что то по проще, подскажите =)

    Asked by aJaX,

    0 votes
    7 answers

  18. Блок с описанием на яндекс-карте

    Подскажите пожалуйста, как добавить Блок с Html содержимым, привязанный к адресу на яндекс карте. Я смотрел документацию от яндекса, что-то запутался. Подскажите хоть какой объект использовать

    Asked by Vlad_P,

    0 votes
    4 answers

  19. Блок с повёрнутым на -90 градусов текстом

    Сделал чёрный блок "Результат": Как его выровнять относительно текста? Должно быть так: ссылка на страницу для просмотра кода

    Asked by iBars,

    0 votes
    4 answers

  20. Блок с разной высотой по бокам.

    Как сделать вот такой вот блок? Бордером не получиться, т.к. он должен растягиваться по ширине(слева - сужаться, справа - расширяться).

    Asked by davidnum,

    0 votes
    25 answers

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

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

    Asked by marianna9201,

    0 votes
    3 answers

  22. Блок с текстом

    Приветствую! Как сделать так, чтобы блок .test_box открывался по клику, и его можно было закрыть по клику на кнопку. И как вывести текст с <p> у которого стоит значение :none, после того как будет открыт блок .test_box http://jsfiddle.net/uu6PL/1/

    Asked by Vans,

    0 votes
    4 answers

  23. Блок с текстом

    Всем привет , на сайте есть такой блок http://take.ms/Z85s9 . Его html- структура т.е. он состоит из таблицы и строк <tr>. http://take.ms/979Zb Возможно ли реализовать затемнение блока по ширине и появление блока при наведении как здесь http://take.ms/V348P( сайт http://agift.ru/ ) , или надо переверстать ? Помогите пожалуйста если надо , то на платной основе

    Asked by htmligor,

    0 votes
    0 answers

  24. Блок с текстом и фиксированной высотой

    http://4tab.pavelzheglov.ru/sample.html Там, где выводится сейчас анонс статьи, размещен абзац с фиксированной величиной. Надо сделать так, чтобы при при растягивании и сжатии шаблона текст реагировал так же, но чтобы его не было видно за пределами блока, как сейчас. Т.е., допустим, на сайте будет подгружаться 1000 символов анонса, но при разрешении 1024 по ширине видно будет только 600 символов, а при разрешении большем будут вылезать остальные строки, т.к. ширина блока будет увеличиваться пропорционально. На последнюю строку скорее всего сделаю затухание белым полупрозрачным градиентом.

    Asked by Jackky,

    0 votes
    5 answers

  25. блок с текстом на фоне картинки

    как сделать блок с текстом на фоне картинки... У меня header-bg большой, и если я его ставлю center top , отоброжается всё ок по экрану как надо но в высоту получается высокий и отступ большой до header-bg , мне надо текст поднять, как сделать чтоб он виден был на фоне бг? либо что можно с бг сделать? .bg-header { position: relative; height: 784px; width: 100%; background: url(/img/titulinis/header_bg.jpg) center top no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } http://prntscr.com/3hvbm6 http://prntscr.com/3hvbkf если делаю контент делаю relati…

    Asked by new-dev,

    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