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. Непонятные отступы в explorer

    <div id="counters"> <div id="counter1"> <!-- catalog.tut.by code begin --> <a href="http://catalog.tut.by/"> <img src="http://catalog.tut.by/images/catalog-tut5.gif" border=0 width=88 height=31 alt="Каталог TUT.BY"></a> <!-- catalog.tut.by code end --> </div> <div id="counter2"> <!-- Akavita counter code --><a target=_top href="http://www.akavita.by/"> <script language=javascript><!-- d=document;w=window;n=navigator;d.cookie="cc=1"; r=''+escape(d.referrer);js=10;c=(d.cookie)?1:0;j=0; x=Math.random();u=''+escape(w.location.href);lt=0; h=history.length;t=new Date;f=(self!=top)?1:0;cd=0; tz=t.getTime…

    Asked by Rootical,

    0 votes
    2 answers

  2. Непонятные отступы у текста в браузерах

    Создаём простенький html-документ следующего содержания: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Paddings</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; outline: 0; border: 0; } div.redBlock { margin: 100px; width: 300px; height: 50px; background: red; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 10pt; color: white; } &…

    Asked by sifilis,

    0 votes
    7 answers

  3. Непонятные ошибки

    При работе со Smarty возникли следующие ошибки: 1) В ФФ появился 13-и пиксельный отступ сверху, причём Именно в ФФ и к тамуже всё обнулино 100%, откуда он взялся, не понятно? 2) Потом Валидатор CSS выдаёт следующие ошибки: 152 Ошибка значения : width только 0 может быть length. Вы должны указать после числа единицы измерения : 170 152 Ошибка значения : height только 0 может быть length. Вы должны указать после числа единицы измерения : 55 При этом прикол в том, что строки Номер 152 не существует, код состоит свего из 105 строк... Что означают эти ошибки и откуда они взялись?

    Asked by psywalker,

    0 votes
    7 answers

  4. Непонятные ошибки

    Добрый вечер камрады! Проблема следующая, есть вёрстка, ради тренировки я сверстал обычный макетик и залил его на Движок, но в ИЕ6-7 происходит не понятная фигня: 1) Сайт прижимается к левому краю и не выравнивается по середине, как должен делать. 2) Потом ещё <div class="case">, который обрамляет Центр не охватывает все контейнеры, как должен делать, я же поставил overflow:hidden; http://psywalker.ru/wa-test/shop/ Движок "WebAsyst" если что

    Asked by psywalker,

    0 votes
    17 answers

  5. Непонятные причуды стилей

    Вот код, не могу понять вроде всё верно, зелёная ячейка 800 пикселей, внутри таблица, ширина 770 бордеры 5 отступы 10, вместе должны заполнить все 800 пикселей, но по непонятным причинам слево 10 отступ, справа 20, визуально они сравниваются, если ширину увеличить до 780 пикселей, где логика? <!DOCTYPE html> <html> <head> <title>aaa</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/css.css"> <style> BODY { margin:0px; border:0px; padding:0px; background-color:#D4A984!important; font-family:'Lucida Sans Unicode','Arial'; font-size:16px…

    Asked by animegirl,

    0 votes
    1 answer

  6. Непонятные пробелы в навигации

    В общем сделал горизонтальное меню, между пунктами какието пробелы (в смысле места в которых нет никаких ссылок меню). Чтобы вы поняли о чем я - в ксс прописал border-right: 1px solid #000; для тега li и вот, что вышло: на картинке стрелкой показан как раз этот пробел, откуда он, зачем он там и как его убрать? Заранее спасибо.

    Asked by frog163,

    0 votes
    4 answers

  7. Непонятные фокусы Стиля Box-Shadow

    Нужен совет со стилем box-shadow в ОПЕРЕ в нижнем блоке тень есть, в остальных браузерах отсутствует, уже голову сломал в чем проблема.-moz- -webkit- не помогает. Проблема тут.

    Asked by TheBroadcast,

    0 votes
    2 answers

  8. Непонятный код в style

    Доброго времени суток, решил начать изчучать html с просмотра кода готовых страниц и чтения про непонятные теги на htmlbook,жирным я выделил то над чем я уже пару чсасов пытаюсь разобраться и не могу понять что это помогите плз.

    Asked by rch,

    0 votes
    4 answers

  9. непонятный body

    Из-за чего может быть баг. Отступ у боди сверху, пикселей на 10-15. в ксс нечего лишнего. =\ Проблема решена! в одном из внутренних дивов был маленький элемент с margin: 20px 0px; маленький засранец, заставил меня распереживаться

    Asked by RodgerFox,

    0 votes
    5 answers

  10. Непонятный артефакт

    Здравствуйте! До того как я вставила форму, все было ОК. А теперь сбоку (слева и права) странный артефакт. Не могу понять, что именно не так? Сама страница Откуда появляется этот артефакт?

    Asked by Bredova,

    0 votes
    3 answers

  11. непонятный баг textarea под ie

    проверял под ie8, ie9 и ff3 у кого есть другие браузеры под рукой, скиньте результаты в ff3 все ок в ie8 и ie9 имеется непонятный баг код такой: <!DOCTYPE html> <html> <head> <title>IE bug?</title> <style>body {line-height: 22px;}</style> </head> <body> <table> <tr><td><img src="img.jpg"></td></tr> <tr><td><textarea cols=20 rows=8>maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут…

    Asked by maxipub,

    0 votes
    11 answers

  12. Непонятный баг с версткой

    Здравствуйте. Столкнулся с такой проблемой, хотя до этого ее не наблюдал и все было нормально. http://doctor.tbwebl60.bget.ru/При переходе на сайт, верхняя менюшка сползает, но при обновлении страницы или клике по меню, все становится как и должно быть. Такая же проблема и на странице "Каталог продукции", съезжает левое меню. В чем может быть причина? Сайт на modx, кэш чистил.

    Asked by askoban,

    0 votes
    0 answers

  13. Непонятный баг с версткой

    http://doctor.tbwebl60.bget.ru/При первой загрузке страницы верхнее меню съезжает, после обновления страницы или клики на пункт меню - все нормально, такая же проблема и в разделе "Каталог продукции" с боковым меню. До этого все нормально было, стили не трогал. В чем проблема? Сайт на modx, кэш чистил.

    Asked by askoban,

    0 votes
    0 answers

  14. Непонятный глюк в Opera и Safari

    Стандартная сетка, три колонки резина, низ прекрасно прижат без всяких абсолютов. В IE6, 7, 8, FF все отлично. Но проявился странный глюк в Опере и Safari под Windows (В Safari под мак все отлично). Глюк в том, что низ прижимается, но при уменьшении/увеличении окна по вертикали странно прыгает и потом становится на положенное место. Не критично, но неприятно. До обновления браузеров такого не было. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=WINDOWS-1251" /> <title…

    Asked by Verder,

    0 votes
    2 answers

  15. Непонятный глюк или опять FF против MSIE

    Сверстал страницу но вот беда, в MSIE все нормально а вот в FF вся картинка почему-то подскакивает вверх (10рх), но опять-таки не сразу, раз 5 перезагрузил. Закрыл FF. Открыл и подгрузил страницу, все гуд, но пару перезагрузок и дизайн полез вверх приблизительно на 10рх. Где искать проблему и что это вообще за глюк? http://politptaha.ho.com.ua/test/11.gif

    Asked by kozakmamai,

    0 votes
    1 answer

  16. Непонятный для бордера padding слева

    Добрый день! Подскажите почему получается вот так http://cssdesk.com/g5wDx ? Т.е. светлокоричневая линия не прилегает вплотную к черному бордеру слева. Но на первой li все нормально. Если добавить в .top-menu-block ul li { ; } То все норм.Но это какой-то кривой ход. Также подскажите почему в #mainblock .top-menu-block высота в 50пикс,то нижний бордер не видно,а если 50.5 то все ок? Фоновая картинка 49 пикс в высоту.

    Asked by Temik2704,

    0 votes
    2 answers

  17. Непонятный для меня синтаксис

    Народ, что значит эта запись в css файле? -moz-border-radius:4px; -webkit-border-radius:4px;

    Asked by prowoke,

    0 votes
    6 answers

  18. Непонятный зазод для hr в div

    Уважаемые форумчане помогите разобраться с проблемой Как убрать зазор между hr и верхней границей div помогите разобраться. Из следующего кода <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Test</title> <style type="text/css"> * { margin: 0; padding: 0 } div {border:solid 1px red;} hr { border: 0; height: 1px; line-height:0; background-color: #b7b7b7; font-size:0;} </style> </head> <body> <div style="width: 360px; float: left;"> <h1>Test Header</h1> <div> <hr/> <h3&g…

    Asked by devmen,

    0 votes
    4 answers

  19. Непонятный здоровый отступ между строк

    В общем есть список li фиксированной высоты, который находится в блоке фиксированный ширины. Список должен быть в 2 пункта в строке. В общем выкладываю свою верстку: http://rghost.ru/3806257 Необходимо, чтобы текст всегда был по центру по вертикали, но он может быть как в несколько строк, так и в одну. Я сделал это по какому-то тутору, но почему-то когда текст в одну строку - все хорошо, а когда в две - создается между строками большой отступ. Помогите плиз убрать это непонятное расстояние.

    Asked by MiHALbI4,

    0 votes
    5 answers

  20. Непонятный контур на кнопке

    Не могу разобраться что за контур появляется на кнопке при нажатии. Можно ли его как-то убрать? Вот скрин с куском кода кнопки, хотя все кнопки так реагируют. Спасибо.

    Asked by alleclf,

    0 votes
    8 answers

  21. Непонятный косяк с сайтом

    Помогите пожалуйста разобраться в чём косяк. Почему в самом низу, фон немного ниже футера. Посмотреть в живую можно тут - ****

    Asked by livelyn,

    0 votes
    3 answers

  22. Непонятный мне хинт с колонками одной высоты

    Заметил одну странную штуку, хочу понять её природу. Сначала о штуке. Есть 2 слоя(опустим их стили): <div id="left"> ... </div> <div id="right"> ... </div> Они неизвестной высоты, но должны зрительно вытягиваться так, как будто она одинакова и равна максимальной. Для решения этой задачи я сделал так(колонки одного цвета), задав слою content "background: #FFFFFF;". <div id="content"> <div id="left"> ... </div> <div id="right"> ... </div> </div> В результате - ничего. Но стоило добавить слою content "float: left;" и всё отобразилось как надо во всех имеющихся у меня браузерах. Почему так?

    Asked by Choo,

    0 votes
    3 answers

  23. Непонятный отступ

    Добрый день! Может этот вопрос уже задавался, но я даже не знаю по какому словосочетанию искать. Дело в том, что появляется небольшой отступ в меню, непонятно откуда... В IE и Firefox отступа нет... Скриншот: Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <title></title> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style> body { font-family: Arial; font-size: 14px; } #block { min-width: 980px; width: 100%; margin: 0 auto; overflow: hidden; } #b…

    Asked by fl4sh,

    0 votes
    3 answers

  24. непонятный отступ

    помогите пожалуйста решить проблему нежелательного отступа верстаю почтовую рассылку. использую однопиксельную gif-распорку для позиционирования. при этом между этой распоркой и следующим элементом появляется отступ, который виден в ie6, ie7 и во многих почтовых клиентах при получении письма(например в yandex) dragonfly показывает непонятный символ пробовал в коде убирать все пробелы между тэгами, не помогло пробовал обернуть gif-распорку в контейнер со style="line-height: 0" , не помогло

    Asked by cyklop77,

    0 votes
    3 answers

  25. Непонятный отступ

    Всем, привет. Подскажите, пожалуйста, почему получается отступ слева (см. на картинке). Всё перепробовал, но отступ остается. Картинка: https://www.dropbox.com/s/ietqy7n4j0q24k6/112.png css: #section_menu {position:absolute;top:157px;height:43px;width:100%;font-size:12px;background:#3463B3;}#section_menu li {display:inline-block;padding:15px 15px;font-weight:700;text-transform:uppercase;border-right:1px solid #2A4569;}#section_menu a {color:#fff;text-decoration:none;}#section_menu li:hover {background: #333;}html <ul id="section_menu"> <li class="selected"><a data-page="1" href="">Главная</a></li> <li>&lt…

    Asked by atatat,

    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