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. Как сделать чтоб при клике на один из ссылок подгружалсо разный контент

    Здравствуйте, дорогие поситители форума Как сделать чтоб при клике на один из блоков подгружалсо контент, или в моем случае блок с фильтром. http://vitaliy-dyblyuk.ru/projects/5project_avto_schyny/www/index.html то есть при клике на подбор по шинам, подбор по авто и так далие. Должно происходит следуещие: 1) Должен менятсо фон 2) Должен подгружатсо другой блок с контентом но он в начале должен быть не видным. Жду откликов С уважением Виталий

    Asked by Виталий Диблюк,

    0 votes
    1 answer

  2. Как сделать чтобы DIV выравнивался по ширине?

    Как сделать чтобы DIV растягивался в ширину по мере написания в н?м контента... в IE работает правильно а в Mazille не тянется <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <head> <style type="text/css"> #d1{width:1%; border:#f00 solid 1px} </style> </head> <body> <div id="d1">приветприветпривет</div> </body> </html>

    Asked by antonP,

    0 votes
    7 answers

  3. как сделать чтобы div тянулся вниз на 100 процентов

    как сделать чтобы div тянулся вниз на 100 процентов

    Asked by paseonru,

    0 votes
    2 answers

  4. Как сделать чтобы header и навигация прокручивались вместе со странице страница они должны быть в зоне видимости ?

    Как сделать на сайте http://wedding-art.dp.ua/ чтобы header и навигация прокручивались вместе со страницей они должны быть в зоне видимости ? Помогите пожалуйста,ставил position:fixed но элементы которые под ними вставали на их место.

    Asked by Shenia132,

    0 votes
    6 answers

  5. Как сделать чтобы блок масштабировался как картинка

    Здравствуйте. Как сделать чтобы блок масштабировался ,как картинка? (т.е. при изменении размера экрана менялась ширина блока и высота менялась пропорционально. и пропорционально менялся размер шрифта ) Верстаю html письмо, поэтому стили внутри тегов. https://jsfiddle.net/r73kpcjq/

    Asked by ishurgaya,

    0 votes
    1 answer

  6. как сделать чтобы вложенный div расхлопывался правильно?

    Скорее всего вопрос очень популярный, но не знаю как его нагуглить. Вот код разметки на базе AngularJS. Проблема с последним вложенным дивом в котором выводится кнопка: {{a.subanswer}} При выводе пунктов все расползает. Вот так: http://img.ctrlv.in/img/15/11/18/564c471fa240c.png Как сделать, чтобы подпункты просто выводились в одну линию без расползания верних пунктов в одну линию. <div ng-repeat="answer in question.answers" class="user-answer-block"> <button class="btn" ng-class="{'btn-primary': answer.isSelected}" ng-disabled="answer.isDisabled" ng-click="setChoice(ans…

    Asked by Suliman1,

    0 votes
    1 answer

  7. как сделать чтобы див растягивался по содержимому

    1111

    Asked by uhwhat,

    0 votes
    6 answers

  8. Как сделать чтобы изображение когда оно :hover?

    Сейчас использую такой код: .gallery { max-width: 840px; height: auto; text-align: center; } .gallery-item { background: #000; position: relative; left:-10px; } .gallery img { max-width: 840px; height: auto; transition: all 0.2s ease; } .gallery img:hover { opacity: 0.6; } Суть в том, что картинка находится в диве gallery-item, он черного цвета, по этому когда наводишь на картинку, она становится прозрачней, тем самым темнея. Однако, gallery-item растягивается на все максимальные 840px, и если картинка в ширину меньше этого числа, то по бокам черные полосы, естественно они не нужны, есть ли способ как-то решить это маленькую проблему?

    Asked by phantomgoodone,

    0 votes
    3 answers

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

    Привет, я не знаю в правильном ли я разделе выкладываю этот вопрос, если нет i'm so sorry. В общем пробоема такая, я увидел на Ebay как оформлен item. И захотел сделать так же, Когда заходишь на его страничку, там есть описание его лота и картинка спрва....и она постоянно меняется. Вопрос как это сделать? что бы она менялась даже если не наводишь на неею Спс за помощь. P.S я HTML и CSS знаю...но тут я понимаю надо подключать язык какой либо...(

    Asked by Vitaly-NY,

    0 votes
    4 answers

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

    http://savepic.net/5330707.htm Как сделать чтобы кликая по блоку с изображением и текстом выезжал текст с описанием ?

    Asked by Shenia132,

    0 votes
    2 answers

  11. как сделать чтобы кнопка выделялась полностью?

    как сделать чтобы кнопка выделялась полностью? http://jsfiddle.net/ferz/ZpsbC/embedded/result/ ???

    Asked by ferz721,

    0 votes
    2 answers

  12. как сделать чтобы кнопка не отображалась в мобильной версии сайта

    Всем привет. Как сделать чтобы кнопка не отображалась в мобильной версии сайта <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326" style="cursor: pointer; position: fixed; left: 0; top: 30%;"/> </div>

    Asked by ne_beret,

    0 votes
    2 answers

  13. Как сделать чтобы кнопки были на одной линии Listen, Watch, Read

    https://vasyldubno.github.io/project1/#blog https://github.com/vasyldubno/project1

    Asked by vasyl_runner,

    0 votes
    1 answer

  14. Как сделать чтобы меню не сдвигалось при равном растоянии между словами

    Есть менюшка, горизонтальная. при наведении пункт меню становится bold, и сдвигаются последующие пункты #botmenu{ color:#494F4E; font-family:Tahoma, Geneva, sans-serif; font-size:14px; } #botmenu ul{ margin:0; padding-top:20px; list-style-type:none; width:auto; } #botmenu ul li{ display:block; float:left; } #botmenu ul li a{ display:block; float:left; color:#fff; font-size:14px; width:auto; padding-right:20px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; } #botmenu ul li a:hover,#botmenu ul li a.current{ color:#fff; font-weight:bold; } как сделать так чтобы расстояние между словами было одинаковым, и при этом когда навод…

    Asked by gvay,

    0 votes
    7 answers

  15. Как сделать чтобы меню стало фиксированным когда уперлось в верх страницы.

    живой пример на: http://www.lookatme.ru/

    Asked by phantomgoodone,

    0 votes
    2 answers

  16. Как Сделать Чтобы Можно Было Обсуждать Новость

    Приветствую. Я не так давно открыл сайт он весь на HTML Почти ежедневно я выкладываю новость.Все естественно вручную прописываю в html кодах. Как мне сделать так чтобы люди зашедшие на мой сайт могли прокоментировать новость. Говорят есть какие то моды. Объясните плиз как это все работает. Подчеркну что я не хочу прикручивать движок какойто я в этом не понимаю. Весь сайт на html и только на главной странице мне нужно чтобы могли коментировать новости. Заранее спасибо за помощь

    Asked by kain888,

    0 votes
    27 answers

  17. Как сделать чтобы на сайте картинки складывались как в контакте блоки с картинками?

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

    Asked by Fizruke,

    0 votes
    0 answers

  18. Как сделать чтобы объект не принадлежал к родителю?

    Мой сайтик не знаю как сделать, чтобы видео было не прозрачное, а фон оставался прозрачным. ибо прозрачность фона задается родителем...

    Asked by Resation,

    0 votes
    3 answers

  19. Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится?

    Здравствуйте! Вывожу код в Iframe. 1. Почему по умолчанию Iframe выводится в маленьком окне? Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится? 2. Как сделать чтобы окно Iframe адаптировалось под мобильные устройства? Вот мой код. Спасибо!

    Asked by Марат,

    0 votes
    1 answer

  20. как сделать чтобы отображались 2 иконки

    Всем привет, Подскажите, плиз, у меня отображабтся данные с полями type, status и в зависимости от значений этих полей надо отобразить иконку С иконкой для каждого из них по отдельности без проблем : .fc-event-custom-service { background-color: #3aad8b !important; border: none !important; background: url('/static/images/appointment.png') 40% 40% no-repeat; background-position: right top;}.fc-event-status-Confirmed { background: url('/static/images/appointment_confirmed.png') 40% 40% no-repeat; background-position: right top;}.fc-event-status-Cancelled { background: url('/static/images/appointment_cancelled.png') 40% 40% no-repeat; background-p…

    Asked by mstdmstd,

    0 votes
    6 answers

  21. Как сделать чтобы перенос выглядел как 2?

    Возможно ли сделать стиль переноса в textarea чтобы выглядело как будто их 2? То бишь пользователь ввел: А выглядело: Причем чтобы это только выглядело как 2 переноса. И возможно ли это сделать CSS (если нет, то хотя бы JS скажите) P.s. И не только эта фраза, а любая.

    Asked by iKNG,

    0 votes
    7 answers

  22. Как сделать чтобы поле input...

    У меня такая проблема есть два файла html на первом есть определенный текст и кнопка типа ссылка на вторую страничку на которой расположен input. Так вот вопрос мне нужно чтобы при нажатии кнопки на первой стр. текст попадал в input на второй стр. как это сделать? ПОМОГИТЕ ПОЖАЛУЙСТА!!!!!

    Asked by chups,

    0 votes
    9 answers

  23. Как сделать чтобы при hover над картинкой появлялся блок?

    Господа,я новичок,поэтому сильно ногами не бейте. Задание: Сделать список мультфильмов как показано на картинке: Т.е. при наведении мышки над картинкой появляется еще год в правом верхнем углу,и полное название мультфильма на русском и англ. Мой код: http://cssdesk.com/vN3W8 Не понимаю как сделать так чтобы при наведении над картинкой отобразился блок с годом или блок с полным именем мультфильма,при этом блок только с русским названием мультфильма - исчезал. Понимаю что делать надо через hover - но как,подскажите? Да и вообще прокомментируйте пожалуйста код.Мне кажется что я очень сильно тут намудрил. Заранее спасибо!

    Asked by Temik2704,

    0 votes
    12 answers

  24. Как сделать чтобы при наведении также раскрашивался столбец

    http://jsfiddle.net/fsC4Z/

    Asked by jaster,

    0 votes
    5 answers

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

    У меня есть поле инпут с датой. При нажатии на него вылезает jquery календарь в котором выбирается дата. А на мобильном устройстве при нажатии вылезает клавиатура закрывая собой открывшийся календарь. Ка сделать так, чтобы клавиатура не вылезала при нажатии на этот инпут?

    Asked by Frie,

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