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. Отступы блоков Flex Box

    Зравствуйте, у меня два флекс контейнера. class logo class menu мне нужно чтобы контейнер class menu ужался с правой стороны Прикладываю код: https://jsfiddle.net/RomanFF/513wcj60/2/

    Asked by РоманФ,

    0 votes
    1 answer

  2. Отступы в % и отрицательные margin

    Возникла проблема с версткой вот такого макета: белое и красное - в % синие и желтое - фиксированно зеленый блок выходит за пределы красного на фиксированную длинну (в px) Проблема в зеленом блоке - если задать ему отрицательный маргин, то в ИЕ6 всё, что за пределами красного блока - не показывается. Подскажите - реально ли такое сверстать? UPDATE Код для примера: <!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"> <style type="text/css"> html, body, h1, h2, h3, h4, h5, h…

    Asked by VJiK,

    0 votes
    8 answers

  3. отступы в div

    Привет всем, прошу опять помощи Как сделать отступы сверху и снизу так же как и слева и справа? <div style="background:#000;"> <div style="margin:10px;border:1px solid #dbdbdb;min-height:400px;"> </div> </div>

    Asked by JastinB,

    0 votes
    2 answers

  4. Отступы в dreamweaver

    Чего-то я не знаю и делаю не так. Проблема такая: структуру html в дриме размечаю табуляцией, но, когда нажимаешь enter, то дрим автоматом создаёт отступы не табуляцией, а пробелами. В итоге структура рушится. Как сделать, чтобы он делал отступы табуляцией, равной 4м пробелам? надоело вручную каждую строчку исправлять

    Asked by angel12,

    0 votes
    3 answers

  5. Отступы в IE6.

    При верстке сайта столкнулся с проблемой, не понятно откуда взялись отступы в блоках в IE6. Никакие из принятых мною мер не принесли результата. Нужно сделать рамку с закругленными концами. Для этого я использую 4 изображения закругленных концов 5х5 пикселей и 2 блока с горизонтальными линиями фиксированной ширины и высотой в 5 пикселей. Во всех браузерах отображается правильно, в IE6 блоки, хранящие картинки имеют высоту гораздо больше 5 пикселей (выделено зел?ным цветом). Чтобы лучше понять о ч?м ид?т речь взгляните в браузере. CSS .clear { clear: left; } #container { width: 944px; margin: 200px auto; height: 100%; } .bottom_line { margin: 0px; padding: 0px; …

    Asked by PNZ,

    0 votes
    2 answers

  6. отступы в IE8

    Тема закрыта

    Asked by V0yager,

    0 votes
    1 answer

  7. Отступы в блоке

    Здраствуйте, есть вот такой фрагмент: Как сделать отступ от левого края блоков а не от текста? Коды ниже: HTML: <div id = "tab-menu"> <div id = "pay"></div> <div id="right_head"></div> <div id="cases"> <div id="bar_tr"><span style="padding-left: 20px">Left</span><span style="right: 10px; font-weight: bold">97,14</span></div> <div id="bar_s"><span style="padding-left: 20px">Left</span><span style="padding-right: 10px; font-weight: bold">97,82</span></div> <div id="bar_tr"><span style="padding-left: 20…

    Asked by ShiftedReality,

    0 votes
    13 answers

  8. Отступы в блоке реклама

    Как сделать, чтобы отступы в блоке реклама отображались во всех браузерах правильно? Например в браузерах Opera, Mozilla Firefox, Google Chrome все хорошо, а в Internet Explorer отступы между картинками другие. Opera: Internet Explorer: Вот сайт - линк P.S. если смотреть через ноутбуковский Internet Explorer, то все картинки будут идти в столбик.

    Asked by Andrew_las,

    0 votes
    3 answers

  9. Отступы в заголовке

    Подскажите, откуда взялась эта белая полоса между меню и картинкой, что это за отступ ? http://codepen.io/anon/pen/KgKVWk

    Asked by Driven,

    0 votes
    2 answers

  10. Отступы в ИЕ 6

    Сайт mash62.ru смотрим меню нижнее где техника под навигацией главная о компании контакты ... Этот блок у меня съезжает в ИЕ 6 в других браузерах норм. Я выкрутился сделав отдельный стиль для ИЕ 6 где этот отступ меньше. 1) Почему съезжает ?? 2) Как ещё можно такое поведение пофиксить ?? 3) Как вообще верстка в целом ??

    Asked by generator2003,

    0 votes
    0 answers

  11. Отступы в ие6 от блочных элементов

    Почему в ие6 появляются отступы, что стоит ли див в таблице или рядом с другим дивом. В фф и опере все нормально. вот простой пример: <div id="line"> <div class="til"></div> <div class="til2"></div> </div> #line { position:absolute; top:280px; width:100%; } .til { background:url(images/korp/titld.gif) repeat-x; width:172px; height:2px; margin-left:20px; _margin-left:10px; float:left; } .til2 { background:url(images/korp/titld.gif) repeat-x; width:172px; height:2px; margin-right:20px; _margin-right:10px; float:right; } Увидеть эти отступы можно добавив в конец каждого класса строчку border:1px solid black;

    Asked by BRK,

    0 votes
    3 answers

  12. Отступы в кнопках. CSS

    здравствуйте. добавил к кнопкам параметр {padding-left:}, получилось как мне нужно (на рисунку обозначено синим цветом), но как я и ожидал появились нежелательные для меня отступы по краям самого блока кнопок (на рисунке обозначено красным цветом). чем можно убрать? заранее спасибо.

    Asked by PREDATORik,

    0 votes
    8 answers

  13. Отступы в макете и на сайте

    Я только начинаю учиться, поэтому интересует очень важный вопрос. Измеряю расстояние в макете от текста до верхней линии. Например он 50 пикселей. Когда задаю это в файле CSS все хорошо. Но когда захожу через гугл хром проверяю расстояние, во первых оно визуально больше. Во вторых наведя на блок с текстом будь это <p> либо <div> показывает дополнительное расстояние от текста до края этого блока. Внимание вопрос, как этого избежать? можно ли как-то убрать это внутреннее расстояние? или существуют какие-либо еще неведомые мне способы. Заранее спасибо. Если выразился непонятно, напишите залью сюда код и изображение.

    Asked by Firin,

    0 votes
    7 answers

  14. Отступы в меню

    Здравствуйте сегодня я начал верстать первый дизайн, он ну очень простой, единственное с чем я не смог справиться это убрать отступы между ссылками и сделать меню ровно по центру контента . До этого так же я сталкивался с этой проблемой, решить не как не смог скрин дизайна, какой он должен быть в конечном результате http://upjimm.ru/greytabs/greytabs.jpg'>http://upjimm.ru/greytabs/greytabs.jpg и сам сайт то что я сделал http://upjimm.ru/greytabs/

    Asked by moslem,

    0 votes
    3 answers

  15. Отступы в меню ul li

    http://trioroom.gtalex.ru/ в верхнем меню никак не могу понять откуда отступы между пунктами меню ? как убрать ? li margin 0 padding 0

    Asked by GTAlex,

    0 votes
    5 answers

  16. Отступы в Мозиле

    исправили бубном, пока не актуально

    Asked by Bicou,

    0 votes
    0 answers

  17. Отступы в списках

    Здравия всем! Есть стандартный список <ul> <li> пункт 1 <li> пункт 2 <ul> <li> пункт 2.1 <li> пункт 2.2 </ul> <li> пункт 3 </ul> получается что-то типа этого: пункт 1 пункт 2 пункт 2.1 пункт 2.2 пункт 3 Как можно уменьшить отступы, чтобы было так ? пункт 1 пункт 2 пункт 2.1 пункт 2.2 пункт 3

    Asked by Lavrenty,

    0 votes
    25 answers

  18. отступы в списках между IL и отступ между UL и прилегающими элементам

    http://www.htmlbook.ru/faq/?a=14 Это прочитал, у меня написано следующее: UL { margin: 0px;/*отступ*/ list-style-image: url('/bitrix/templates/common/images/list_point.gif'); list-style: inside; /* Маркеры размещаются за пределами текстового блока */ } LI { margin: 3px; } /*А вот абзац*/ p { text-indent: 12pt; font-size: 12pt; color: black; font-family: Arial; padding-top: 5px; /*от верхнего*/ padding-bottom: 5px; /*от нижнего*/ } суть проблемы: <p> Действующие лица трагедии: </p> <ul> <li>Жучка, супер собачка</li> <li>Мурзик, самый крутой котик</li> <li>Шмупсик, самый главный пупсик</li> </ul> Меж…

    Asked by ХОЛОДный,

    0 votes
    5 answers

  19. Отступы в списках у ie отличается от других браузеров

    Всем доброго дня! Подскажите, как исправить баг ие7. Есть див, внем список. Отступ списка 30 пикселей от левого края. Но, ослик делает отступ меньше. Я обнулял и ul и li не помогло. Как же исправить? На форуме через поиск не нашел. <style type="text/css"> #block { margin: 0 0 0 300px; } ul, li { margin: 0px; padding: 0px; } ul { margin: 0 0 0 30px; } </style> <div id="block"> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </div>

    Asked by viv,

    0 votes
    8 answers

  20. Отступы в списке

    Здравствуйте! Страница следующая: http://balahna.com/ Прошу помощи в следующих вопросах: 1. Откуда берутся отступы между элементами списка в ИЕ (в ФФ и Опере их нет) и как их убрать? 2. Валидатор выдаёт следующее: Line 48, Column 12: element "NOBR" undefined. Did you mean "noframes" or "form"? <h2><nobr>ОБЩЕСТВО С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ</nobr></h2> - что ему не нравится ? Всем спасибо за внимание!

    Asked by trenny,

    0 votes
    27 answers

  21. Отступы в списке

    Есть следующий список. В IE7 между пунктами наблюдается небольшой промежуток, в остальных браузерах его нет. Как убрать знаю, но не могу понять, откуда он берется. Что скажете? <!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> <title>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> LI { list-style: none; /* Убираем маркеры */ border: 1px solid #CCC; /* Рамка вокруг пунктов меню */ width: 200px; /* Ширина меню */ } A { display: block; /* Ссыл…

    Asked by Vlad,

    0 votes
    33 answers

  22. отступы в таблице

    Товарищи, с помощью таблиц делаю разбивку рисунка. IE выдает такой артефакт: между картинками появляется просвет, причем Opera отображает все нормально. Размеры таблицы подобраны четко по размерам рисунков. Это глюк IE или я что-то не так делаю?

    Asked by raven,

    0 votes
    20 answers

  23. Отступы в таблице

    Здравствуйте! В общем хочу узнать как можно сделать отступы в таблице в одной колонке код примерно такой html: <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"> 5555555555 </td> </tr> <tr> <td width="200px"> 5555555555 </td> <td width="*"> <div id="5">555555555</div> </td> <td width="200px"> 5555555555 </td> </tr> </table> css: #5 {padding-left:1em; padding-right:1em;} при такой верстке у меня появляется внизу страницы полоса прокрутки, но ее мне не надо, но надо в средней колонке сделать отступы от краев. как это м…

    Asked by dima1981m,

    0 votes
    13 answers

  24. Отступы в Таблице

    Добрый день у меня сайт сверстан таблицой. и между <tr> есть 2px прослойка... а надо чтобы не было... все перекопал ... даже border-spacing:0; не помог в чем может быть причина ? Проблема Решена и была причиной моей невнимательности просто прописать <table ... cellpadding="0" cellspacing="0" >

    Asked by Select,

    0 votes
    0 answers

  25. Отступы в тыблице с текстовыми ссылками в FF3?

    В Firefox'e 3 появляются какие-то отступы в таблицах с текстовыми ссылками. Глюк? В стилях margin, padding не помогают. СКРИН:

    Asked by Lsoep,

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