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. Не работает autoplay

    Здравствуйте , обясните пожалуйста почему не работает autoplay, видео само не воспроизводиться при загрузке страницы , вот код <!DOCTYPE html> <html> <head> <title>HTML5: добавление видео на страницу</title> </head> <body> <video src="C:\Users\Арсений\Desktop\Картинки и Видео\лес.mp4" poster="C:\Users\Арсений\Desktop\Картинки и Видео\лес.png" width="400" height="300" autoplay preload controls loop> <p>лес после дождя</p> </video> </body> </html> Пробовал писать autoplay="autoplay" все равно не работает

    Asked by Mextrive,

    0 votes
    1 answer

  2. Не работает AutoPrefixer sublime text 3

    Даже на знаю, где эту тему разместить. В общем, такая проблема. Устанавливаю плагин AutoPrefixer через Install Packages. Перезапускаю программу, пишу например border-radius: 5px; и нажимаю сочетания клавиш ctrl+alt+p - ничего не происходит. Пробовал и так запускать, и эдак - ничего не помогает. Node.js установлен. В чем может быть проблема? Заранее спасибо

    Asked by IvanRu08,

    0 votes
    2 answers

  3. не работает background

    есть код <section><img src="/cover/17.jpg" alt=""/> <ul> <li>Artcore</li> <li>Nastyfuckk</li> <li>Machinedrum</li> </ul> </section> Стиль article section { height: 186px; width: 186px; float: left; margin: 8px 0px 8px 16px; } article section img { height: 186px; width: 186px; margin: 0; padding: 0; } article section ul { height: 66px; background: black !important; z-index: 999; padding: 0; margin: -71px 0 0 0; width: 186px; } article section ul li { color: white; font-size: 11px; font-family: tahoma, …

    Asked by T@NKIST,

    0 votes
    1 answer

  4. не работает background color

    Вопрос, когда подключаю к divам, CCS не работает background color, в чем может быть, причина? Вот стили: #line3 { background-color: #5B3403; float: left; width: 100%; height: 5px;}

    Asked by Bach,

    0 votes
    18 answers

  5. Не работает background-color в body

    Имеется такой вот код страницы: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="jquery-1.7.2.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div id="warp"> <div id="head"></div> </div> </body> </html> собственно ничего такого, и строчка в CSS body { background-color: gray; } Так вот, фон не заливается цветом, перепробовал все. Div'ы заливаются и цветом и имагой, то есть все работает. Но весь бэк браузера не заливается... в чем дело? Помогите, а то уже головная…

    Asked by vaak,

    0 votes
    2 answers

  6. Не работает background-image

    Возникла такая проблема...Хочу в таблицу 3х3 вставить бєкграунд , написал style.css , но вот только именно background-image не работает... .verh_poloska { background-image:url(/img/R1C2.jpg); } Очень прошу помочь.

    Asked by Bohdan_Jinesis,

    0 votes
    33 answers

  7. не работает background-image

    добрый день. Интересная проблемка возникла. Когда пишу background:url(bg.png); всё работает, а когда background-image:url(bg.png); фон не появляется. в чем может быть проблема?

    Asked by McLotos,

    0 votes
    2 answers

  8. Не работает background-image

    У меня возникла проблема подобного характера. Код html имеет такой вид <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN" "[url="http://www.w3.org/TR/html4/loose.dtd%22>"]http://www.w3.org/TR...ml4/loose.dtd">[/url] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content=""/> <meta name="description" content="" /> <link href="css/style1.css" rel="stylesheet" type="text/css"> </head> <body> <div class="contentmain"> </div> </body> </html> В css прописано следующее: @charset "utf-8"; body { m…

    Asked by Risewill,

    0 votes
    1 answer

  9. Не работает background-image

    Товарищи,подскажите почему не работает background-image? Есть еще какие-либо другие способы отцентровать кратинку по блоку?чтобы со всех стороны она была равноудалена,через img например? http://cssdesk.com/6GQNw Заранее Спасибо!!!

    Asked by Temik2704,

    0 votes
    4 answers

  10. Не работает background-image

    Попробовал начать верстать один из предложенных здесь макетов - файл с фоновым изображением не отображался, хотя прописано все было вроде бы правильно. Попробовал прописать его как простой img уже в html - картинка не отобразилась, только маленький квадрат с крестиком. Подскажите, в чем причина в совокупности такого поведения изображения.

    Asked by DmiUr,

    0 votes
    15 answers

  11. Не работает background-image

    Здраствуйте! Не работает background-image на теге header , а на body работает. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Docu</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header></header> </body> </html> header { background-image: url(scripi.jpg) ; } index.html style.css

    Asked by Daniyar,

    0 votes
    6 answers

  12. Не работает background-image для блока div

    Не могу понять почему не работает свойство background-image для блока <DIV ID="HEADER"></DIV> картинка просто не появляется в блоке..я новичок, может кто знает в чем причина? Все картинки в папке images. Сам код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="style.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/custom.js"></script> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="nav"> </div> <div id="content"&gt…

    Asked by Quadder,

    0 votes
    2 answers

  13. Не работает background-size

    Уважаемые форумчане доброго времени суток. Подскажите как быть. Почему-то не в css не работает тег "background-size". Привожу код: html,body .vse { background: url(image/vse.jpg); background-size: cover; }

    Asked by voin545,

    0 votes
    2 answers

  14. Не работает background-size:cover

    привет. геометрия.онлайн на главной странице слайдер с наложенным фоном на псевдоэлемент почему-то не тянется фон при масштабировании страницы. почему?

    Asked by d0ublezer0,

    0 votes
    3 answers

  15. не работает background: url

    Вот класс #u1{ width: 600px; margin: 10px 0 40px 0; float: right; right:630px; background: url(images/gerb1.gif) repeat-x; } Вот див </div> <div id="u1"> <img src="image/g.gif" alt="" border="0"> </div> Хотелось чтобы картинка заполнилась фоном, только не получается. вЧемпроблема?Я в css новичек, помогите!

    Asked by Admiral,

    0 votes
    9 answers

  16. не работает background: url(top.jpg)repeat-x;

    Всем привет. Не могу разобраться! Не работает background: url(top.jpg)repeat-x в ИЕ. В мозиле все нормально! В чем может быть проблема Все разобрался)

    Asked by kent666,

    0 votes
    2 answers

  17. Не работает behavior:url(border-radius.htc);

    В css используется: -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-outline-radius: 5px; border-radius:5px; В Google Chrome все отлично работает. Для работы в IE8 используется: behavior:url(border-radius.htc); Тем не менее, в IE8 уголки не закругляются. Подскажите, пожалуйста, как решить проблему?

    Asked by TorchTT,

    0 votes
    6 answers

  18. Не работает bgcolor в IE

    Всем ку. Я новый участник. Сайт (htmlbook.ru) знал давно, а форум увидел только сейчас. Надеюсь вы мне поможете. С html знаком не очень давно, но учусь быстро, за пол года выучился, до 2-го места по раённой олимпиаде))) Сейчас делаю сайты для своего удовольствия. Денька три назад надумал создать сайт про сериал "Реальные Пацаны". Делал, делал, и наткнулся на то что есть блок с онлайн сериями, который будет каждый день изменятся. Страниц сайта будет прилично поэтому каждую страницу изменять это гемор. Искал как вставить другой html в первый (типо как подключение файлов .js) Нечего не нашёл кроме как <iframe> Мороки было тоже предостаточно, но кое как (косо) сделал. …

    Asked by Frestayler,

    0 votes
    9 answers

  19. Не работает bootstrap и fancybox

    Подскажите, почему не работает bootstrap и fancybox? Я вижу, стили fancybox.css не отображаются...их перебивают стили от bootstrap... Хотя, сам скрипт работает: открывается модальное окно, но без стилей...

    Asked by Alfa2015,

    0 votes
    2 answers

  20. не работает border

    Хочу установить следующие границы для блока #header с помощью свойств. Но данные свойства не работают и не создают границы. В чем может быть проблема? border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; Весь HTML и CSS код: #wrap { width: 1000px; margin: auto; margin-top: 20px; } #header { border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> …

    Asked by mastermedia,

    0 votes
    2 answers

  21. Не работает border-collapse

    Ставлю этот параметр на collapsed и всеравно между ячейками две линии.(

    Asked by Kenshi45,

    0 votes
    2 answers

  22. Не работает border-image

    http://whoiwas.ru/work/window/ - вот тут код. Попытался в инпутах формы сделать border-image. Но бордера как-такового нету. Только углы видно.

    Asked by Tobey,

    0 votes
    4 answers

  23. Не работает box-shadow в Chrome

    У меня есть форма, к полям которой применяется box-shadow. Так вот во всех браузерах, кроме Chrome, это св-во работает. Версия Chrome: 35.0.1916.153 form-1 input[type="text"] { width: 240px; height: 46px; background: #dcebff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); border: none; color: #6dabff; font-family: 'pf_din_text_comp_promedium', sans-serif; font-size: 1.176em; outline: medium none; padding-left:…

    Asked by helio,

    0 votes
    2 answers

  24. Не работает bxslider

    Привет, почему не работает слайдер? http://allnet.16mb.com/slider/ Делал всё по инструкции http://bxslider.com/ https://yadi.sk/d/zhaFpwt1go7E9

    Asked by DivMan,

    0 votes
    5 answers

  25. Не работает clearfix

    Доброе время суток. Не получается заставить работать clearfix, центральный блок уходит вниз. Прошу вашей помощи html: css: И вот так это выглядит:

    Asked by L1felv0er,

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