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. Почему придирается валидатор

    Проверила сайт валидатором. Нашел 4 ошибки. Я не пойму в чем он видит эти ошибки. Пожалуйста, помогите понять, что же он гад от меня хочет. Ошибки я выделила красным, чтобы понятней было к чему валидатор придирается. Вот сам код, который валидатору не понравился: <meta name="keywords" content="здесь перечень ключевиков /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> &l…

    Asked by Mila,

    0 votes
    9 answers

  2. почему разваливается футер

    верстаю страницу http://tuuut.16mb.com/DB/ При ее уменьшении футер разваливается. В чем может быть проблема? и почему margin: auto для боди не работает?

    Asked by olechic,

    0 votes
    2 answers

  3. почему размеры шрифта на макете и на сайте так различаются?

    Например: 1. В фотошопе смотрю параметры шрифта: 2. пишу в css: span {font: 12pt Arial, sans-serif} 3. текст на макете: отображение в хроме (в других примерно также): Подскажите пожалуйста, почему такие различия?

    Asked by sfc,

    0 votes
    13 answers

  4. Почему разная высота между полями в страницах

    Всем привет, 2 редактора админики с одним файлом стилей. Не могу понять почему разная высота между полями . На этой старнице высота правильная : Страница 1 На этой странице : Страница 2 в высоте между полями появляются лишние 10 px. В инспекторе вижу что для обоих редакторов : form-control = padding-top:5px; padding-bottom:5px form-group =margin-top:10px; margin-bottom:10px Во второй странице редактор внутри таба со своими классами - но влияет ли это на высоту между полями и как не могу найти... Стили в файле стилей определены как : .form-horizontal .form-group { /*margin: 0px;*/ margin: 10px 0px 10px 0px; /*margin: 1…

    Asked by mstdmstd,

    0 votes
    7 answers

  5. почему рамка сплюснулась

    .border { border: 3px dashed orange; } <a href = "images/eye.jpg" class = "border"> <img src = "images/eye.jpg" width = "200" /> </a> а если убрать из ссылки, то норм.

    Asked by ya novenkiy,

    0 votes
    1 answer

  6. Почему рекомендуют utf-8

    Решил я проверить сайт на валидаторе W3C. А он мне и говорит: Legacy encoding windows-1251 used. Documents should use UTF-8. И почему так? У меня сайт на русском. Зачем мне лишний трафик? Какие есть причины делать сайт на utf-8?

    Asked by PavelTkachev,

    0 votes
    22 answers

  7. Почему рекомендуют указывать в name и id разные значения?

    Слышал мнение, что желательно в тегах формы не давать атрибутам name и id одинаковые значения. Многие этой рекомендации не следуют. Почему это надо делать? И почему не обязательно? Откуда пошло и с чем связано? Хуже: <input type="text" name="login" id="login"> Лучше: <input type="text" name="login" id="login-field">

    Asked by Anymaxis,

    0 votes
    6 answers

  8. Почему родительские дивы не учитывают высоту дочерних?

    Всем привет. Столкнулся с проблемой. Есть главный контейнер .main-content, в который вложены все остальные. Почему то родительский контейнер не учитывает высоту дочерних. В чем может быть проблема? Вот сайт: http://cm04741.tmweb.ru/index.html Заранее спасибо за ответ!

    Asked by IvanRu08,

    0 votes
    11 answers

  9. Почему родительский блок не растягивается шире viewport'а ?

    Здравствуйте. Столкнулся с такой проблемой : вложенный блок не хочет растягивать свой родительский блок. Вроде это противоречит теории, с которой я знаком. Например: <html> <body> <div style="height:100px; width:2000px; background:red"> </div> </body> </html> Видно (в отладчике), что body растягивается только до ширины вьюпорта, а дальше не хочет. Почему это так? Разве так должно быть? Данный пример, естесственно, никакого отношению к реальной задаче не имеет, это просто очень сильное упрощение. Хотелось бы просто понять принцип (теорию)

    Asked by salikoff,

    0 votes
    4 answers

  10. Почему свойство float убирает background?

    <ol class="app"> <li><span>доставка от 2 дней</span></li> <li><span>скорость производства 600 м2/сутки</span></li> <li><span>гарантия от 5 лет</span></li> </ol> ol{ background: #7A7A7A; } ol.app li{ width: 100%; float: left; } https://jsfiddle.net/m1Lkwzuv/1/ Почему со стилем "float", свойство "background" не работает? если закомментировать "float", то заработает.

    Asked by Grani,

    0 votes
    1 answer

  11. Почему скачит банер?

    Доброе утро! На сайте при прокрутке масштаба скачет банер. От чего такое происходит?

    Asked by borus,

    0 votes
    4 answers

  12. Почему смещается элемент?

    https://www.zebra-tara.ru при малом размере экрана съезжает вниз тестовое поле поиска, не смог найти, что на него влияет: http://prntscr.com/ix6bgw почему так?

    Asked by d0ublezer0,

    0 votes
    3 answers

  13. Почему сносить центральную колонку?

    Зравствуйте! Имею код <div style="width: 100%;"> <div style="width: 120px; height: 150px; background-color: red; float: left;"> 1 </div> <div style="font-size: 40px; float: left;"> dsadsad sad sadas d d ad asdsadsad fdg dfsasds fdg dfdg df gdf gdfg </div> <div style="width: 120px; height: 150px; background-color: red; float: right;"> 2 </div> </div> Если не указать явно ширину центрального дива, то его сносит. Как на картинке Как можно сделать, чтобы не указывая явно ширину не сносило див? Чтобы то, что не влезло в рядок, переходило на следующий ряд. Так: А вообще код правильно написан?

    Asked by sergiyko,

    0 votes
    10 answers

  14. Почему содержимое в блоке не выравнивается по вертикали?

    Как выровнять по вертикали, не изменяя HTML код? http://jsfiddle.net/ydLuC/ я придумал вот такое решение, оно нормальное? .post-date{ width:25px; height:5px; background:white; font-size:15px; font-weight:bold; border-bottom:5px solid #bdc3c7; text-align:center; padding:20px; padding-left:10px;}Какие ещё есть?

    Asked by DivMan,

    0 votes
    2 answers

  15. Почему содержимое таблиц не переносится при сжатии?

    Почему содержимое таблиц не переносится при сжатии? <?xml version="1.0" encoding="windows-1251"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> </head> <body> <div> <table columns="2"> <tr> <td>Первая ячейка</td> <td>Вторая ячейка</td> </tr> </table> </div> </body> </html>

    Asked by cyborg,

    0 votes
    11 answers

  16. Почему содержимое тега <title> отображается в браузере

    Почему содержимое тега <title> отображается непосредственно в браузере(Chrome)? Вот ссылка - http://ffghdgrfhdfg.vov.ru/

    Asked by ffghdgrfhdfg,

    0 votes
    1 answer

  17. Почему справа нет отступа

    Почему в FF 3.0.5 и Хроме 1.0.154.43 нету справа отступа? В IE7 есть, 10px как и положено. Сам код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>CSS</title> <style type="text/css"> body { margin:0; padding:0; } div { width:100%; margin:10px; color:white; background-color:blue; } </style> </head> <body> <div>Красивый заголовок на синем фоне</div> </body> </html>

    Asked by frayd,

    0 votes
    10 answers

  18. Почему стили CSS не применяются?

    Помогите плиз пишу стили в самом документе а применяются только некоторые! <div id="welcome_text"> <style type="text/css"> #welcome_text p{ margin-bottom: 7px; } #welcome_text p a, #welcome_text p a:visited{ text-decoration: none; font-size: 17px; } #welcome_text p a:hover{ text-decoration: underline; } #welcome_text p ul#spisok1{ margin-left: 15px; font-size: 24px; } </style> <p> Правовая основа <ul id="spisok1" style="margin-left: 25px;"> <li><a href="">Лицензия</a></li> <li></a href="">Государственная аккредитация</a></li&…

    Asked by tarkinsky,

    0 votes
    2 answers

  19. Почему стили работают частично ?

    Один и тот же сайт, без php. На компе стили работают корректно, на хостинге - большая часть отваливается, но не все, например шрифт и цвет текста работает. _____________________________________________________________________ Firebug на вкладке цсс все стили показывает. Файлы стилей перезалил на хостинг. Сайт на поддомене, но цепляются стили основного сайта. Как с этим правильно разобраться ? Путь к файлу стилей Firebug показывает правильно, но в самом файле видно стили меню основного сайта. Сайт вот http://cons.surgeryzone.net/

    Asked by kpripper,

    0 votes
    2 answers

  20. Почему съезжает блок

    Подскажите пожалуйста, почему съезжает блок aside при увеличении или уменьшении? http://testsiteoleg126.tk/Kitchenwall/

    Asked by oleg126,

    0 votes
    1 answer

  21. Почему таблица в IE съезжает вниз?

    Помогите понять почему таблица в IE съезжает вниз? Может надо чтото дописать классам чтобы она не съезжала. test.html

    Asked by antonP,

    0 votes
    3 answers

  22. почему таблица в ячейке не хочет растягиваться на 100% высоты ячейки?

    Вот гляньте на страницу. www.hm-ges.ru почему таблица в ячейке слева не хочет растягиваться на 100% высоты ячейки? <td width="202" rowspan="2" align="left" valign="bottom" background="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/left.jpg"<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/left.gif"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="27" valign="top"> <div class="leftrow"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo …

    Asked by vovchikku,

    0 votes
    6 answers

  23. Почему таблица не сужается?

    Очень часто сталкивался с тем что таблица сужается до определенных позиций и даже если есть пустого пространства она не сужается... как и чем это можно поправить?

    Asked by sh1va,

    0 votes
    5 answers

  24. Почему так?

    Я такой человек что очень люблю простенькие шаблончики...а из них уже делать шедевры. Попал сегодня на один...не шаблон конечно...сохраняю его через Google Chrome...открывая через Chrome...фигня какая-то. Вот скрин что вышло: А вот что надо: Помогите сохранить так чтобы как видно на сайте, так и сохранялось! Вот ссылка на этот сайт..мне с любой страницы...там все одинаковое: Ссылка Вы не подумайте что я аще нуб...я и через IE и Opera сохронял и просматривал...только единственый формат через Оперу который все сохранил и показывал правильно был MHTML но я даже не знаю что это)) как я могу им пользоваться? Зарание благодарен!

    Asked by Awe,

    0 votes
    25 answers

  25. Почему так?

    Кто может подсказать почему IE не правильно отображает. Вот google chrome А вот IE Вот код. <style> body { background: url(../image/frame.jpg) no-repeat; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; } </style>

    Asked by Vladlen,

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