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. Как сверстать такое?(3)

    Собственно творение: Проблема: все это один слой(в фотошопе). Задача: разьеденить товарищей в кружочках от их кружочков Идея с тупо вырезать изображанияи, и на :hover такие же, с голубым фоном как то не превлекательна!

    Asked by Flexible Curd,

    0 votes
    5 answers

  2. Как сверстать такое...

    Добрый день, у меня возникли вопросы, как сверстать такое ... Расстояние инпута должно быть разне от текстов, инпуты должны быть в один ряд,как ето делать? Или давать каждому инпуту разное расстояние? http://cs310531.vk.me/v310531727/1a08/RgEiVmLNBjA.jpg

    Asked by Ghost86421,

    0 votes
    1 answer

  3. Как сверстать такой select

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

    Asked by voooodoo,

    0 votes
    4 answers

  4. Как сверстать такой блок

    Здравствуйте! Есть такой макет: ссылка на изображение, размер: 143 кбайт, 1024 x 641 точек Задача состоит в том, как сверстать большой полупрозрачный блок. Я использую верстку с прижатым футером. Код: <body id="inner"> <div id="wrapper" class="w100" style="background-image:url(maneBg_2.jpg); background-position:0 0;"> <div id="main"> <div id="all"> <header class="strip"> <div id="header_c"> <nav id="menu_l"> <ul> <li><a href="#">Парикмахерский зал</a></li> <li><a href="#">Ногтевой сервис</a></li> <li><a href="#">Косметология</a>&…

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

    0 votes
    4 answers

  5. Как сверстать такой блок

    Здравствуйте! Есть такой макет: ссылка на изображение, размер: 143 кбайт, 1024 x 641 точек Задача состоит в том, как сверстать большой полупрозрачный блок. Я использую верстку с прижатым футером. Код: <body id="inner"> <div id="wrapper" class="w100" style="background-image:url(maneBg_2.jpg); background-position:0 0;"> <div id="main"> <div id="all"> <header class="strip"> <div id="header_c"> <nav id="menu_l"> <ul> <li><a href="#">Парикмахерский зал</a></li> <li><a href="#">Ногтевой сервис</a></li> <li><a href="#">Косметология</a>&…

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

    0 votes
    6 answers

  6. Как сверстать такой блок

    Возникла проблема с версткой такого блока как на картинке. Подскажите в каком направлении искать информацию?

    Asked by garmoni,

    0 votes
    17 answers

  7. Как сверстать такой блок ?

    Доброго времени суток. Возможно ли сверстать такой блок(ниже скрин) без картинки, кроссбраузерно ? Если да, то буду благодарен за пример кода.

    Asked by xsladfs,

    0 votes
    1 answer

  8. как сверстать такой блок?

    Подскажите ,пожалуйста, как сверстать такой блок?

    Asked by stan07,

    0 votes
    3 answers

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

    Помогите сверстать правильно такой блок. Левая и правая части фиксированные, центральная - резиновая. http://itmages.ru/image/view/1698420/714587a6

    Asked by chapai,

    0 votes
    1 answer

  10. Как сверстать такой блок?

    Всем доброго времени суток! Нужно сверстать вот такой блок. Не могу понять как правильно сделать подобную рамку. Пробовал через border-image - рамка отображается только слева и справа от блока. Закругления по углам так же не работают, ну и как сделать стрелочку тоже не знаю. Пробовал и так и сяк. Помогите пожалуйста. Заранее спасибо!

    Asked by IvanRu08,

    0 votes
    2 answers

  11. Как сверстать такой блок?

    Подскажите, как сверстать такой блок с использованием Bootstrap?

    Asked by black_c,

    0 votes
    2 answers

  12. Как сверстать такой блок.

    Каким лучше способом сверстать такое модальное окошко? Оно должно быть резиновым.

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

    0 votes
    15 answers

  13. Как сверстать такой бордер?

    Здравствуйте! Подскажите пожалуйста как быть с бордером в данной ситуации? http://jsfiddle.net/kublyakov/7PC5g/1/ В частности, мешают вот эти белые треугольники. Они берутся из-за разного цвета бордера снизу и по бокам. Подскажите как избавиться от них, что бы бордер сплошняком шел.

    Asked by Kublyakov,

    0 votes
    3 answers

  14. Как сверстать такой вод блок

    Как сверстать эти линии? Именно чтобы растягивались с контентом ну и расположить их так как я хочу? Просто растянуть на 100 процентов вниз див нельзя, а если родителю поставить фон картинку и repeat-y то нельзяч менять расположение фона. Как быть? Можно ещё через <ul><li></li></ul> попробывать, но мен кажется тогда вёрстка станет не логичной или я не прав?

    Asked by bayanruby2,

    0 votes
    4 answers

  15. Как сверстать такой макет

    Подскажите, пожалуйста. У меня трудность с таким макетом - itmages.ru/image/view/112... Не могу сообразить, как правильно поступить с этой собакой, которая большая и наезжает на навигацию. Пробовал разными способами, но вконец запутался. Помогите разобраться. Мне нужно показать, как правильно создать html-каркас такого макета и как правильно разместить эту собаку.

    Asked by aaron,

    0 votes
    2 answers

  16. как сверстать такой прогресс?

    Знатоки, подскажите плиз! Как сверстать такую штуковину??? Да так, чтоб шкала заполнялась? Или какими средствами?

    Asked by vladmih,

    0 votes
    1 answer

  17. Как сверстать такой простой сайт с 3-я колонками, заголовком и подвалом?

    Если б порядком не замучился, то не стал бы заводить эту простую тему. Везде написано, что сейчас таблицы не нужно использовать для верстки, а нужны Div. Подскажите, как сверстать такой сайт - по типу сайтов с фотками и картинками. По высоте он будет на 100% страницы. Сверху будет заголовок с меню навигации. Снизу будет 3 колонки. В средней колонке будет картинка и она должна вся умещаться. Полос прокрутки в этом блоке быть не должно. Должен изменяться размер исходной картинки в этом блоке. Слева будет динамическое раскрывающееся меню. Оно может быть длинным - там нужна полоса прокрутки. Справа будет доп информация, тоже может понадобиться полоса прокрутки. Снизу буд…

    Asked by igmar,

    0 votes
    11 answers

  18. Как сверстать такой слайдер?

    Как сверстать такой слайдер? или где взять аналогичный? http://s001.radikal.ru/i195/1407/4a/d991e2555715.jpg

    Asked by WEB-best,

    0 votes
    1 answer

  19. Как сверстать такой список?

    Здравствуйте! Есть такой список: Не могу решить, как лучше его сверстать. Использую Bootstrap, под IE9 и выше, должно быть адаптивно.

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

    0 votes
    7 answers

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

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

    Asked by Flexible Curd,

    0 votes
    3 answers

  21. Как сверстать такой треугольник?

    Добрый вечер, подскажите пожалуйста как сверстать такой треугольник?

    Asked by WebNewbe,

    0 votes
    5 answers

  22. Как сверстать такой фон?

    Подскажите как сверстать такой фон резиновым? Для пункта меню li

    Asked by dididima,

    0 votes
    13 answers

  23. Как сверстать такой шаблон?

    или хотя бы такой: Прошу почитать мою тему на демиарте по этому вопросу, чтоб не советовать одно и тоже... http://demiart.ru/forum/index.php?showtopic=86102

    Asked by virusoid1010,

    0 votes
    3 answers

  24. Как сверстать такой шестиугольник плавный ?

    Нужно сверстать такой элемент. Сам не особо понимаю как такое делать. Знаю про то как шестиуголники делают но такими планому закругленными углами не знаю как.

    Asked by Alexej,

    0 votes
    5 answers

  25. Как сверстать такоя?

    Как сверстать такоя? Без js, только css. https://prnt.sc/tuhp95 Требования к результату: - нужна возможность крутить схему, надписи должны оставаться горизонтальными; - должен тянутся на 80% от вьюпорта; - нужна возможность масштабировать весь блок изменяя один параметр; - без использования js

    Asked by torsar,

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