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. Отступ между элементами LI

    Всем привет! Не могу понять почему между тегами li остается расстояние: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> ul { margin: 0; padding: 0; } ul li { display: inline-block; list-style-type: none; list-style-position: inside; height: 24px; margin: 0; padding: 0; border: 1px solid red; } </style> </head> <body> <ul> <li><a href="#">раз</a></li> <li><a href="#">два</a></li> <li><a href="#">три</a></li> </ul> </body> </…

    Asked by optimismous,

    0 votes
    6 answers

  2. отступ между ячейками

    приветствую. как управлять отступом между ячейками таблицы в CSS?

    Asked by klierik,

    0 votes
    9 answers

  3. Отступ между ячейками table

    Добрый день! Не получается избавиться от отступа между ячейками таблицы: Код: <table width="100%" border="0" cellspacing="0"> <tr> <td> <div class="header"></div> </td> </tr> <tr> <td align="left"> <div class="frame-box"></div> <div class="left"></div> </td> </tr> </table> PS: добавление cellspacing="0" не помогает.

    Asked by Rise,

    0 votes
    1 answer

  4. Отступ меню в Файерфоксе.

    Проблема в следующем, в Файерфоксе главное меню имеет небольшой отступ от правой границы всех остальных элементов. В ИЕ и Опере вс? нормально. Вот фрагмент кода: HTML <body> <center> <div class="div1"> <img src="body/logo.jpg" class="logo" alt="В кругу семьи. Информационно-развлекательный портал."> <table cellspacing="0" class="tab1"> <tr> <td class="td1"> <a class="menu" href="index.php">Главная</a></td> <td class="td1"> <a class="menu" href="forum.php">Форум</a></td> <td class="td1"> <a class="menu" href="otdyh.php">Развлечения</a></td> <td class="td1"> &lt…

    Asked by Shuranka,

    0 votes
    6 answers

  5. Отступ от body

    Здравствуйте. Подскажите, почему в эксплорере от начала страницы до контента отступ примерно в 13 пикселей и почему то если все выделить то там выделяется будто пробел. В опере такого глюка нет.

    Asked by skrip126455,

    0 votes
    5 answers

  6. Отступ от верха пропорционально ширине браузера

    Здравствуйте, собственно вопрос в названии темы. Дело в том что я сейчас заканчиваю рисовать дизайн сайта и продумываю верстку, опыта практически нет, последний раз занимался созданием сайтов 3 года назад. Хотелось бы сделать полностью резиновый сайт, но проблема в том, что у меня в шапке картинка в пропорции 4х3 примерно, а соответственно мне нужно чтоб основная часть сайта имела отступ от верха браузера пропорционально ширине окна, иначе разъедется вся сверстанная страница, или наоборот основная часть наедит поверх шапки. Знаю что можно получить в переменную разрешение экрана(по ширине), но если у пользователя большой монитор и он открывает браузер на пол экрана только…

    Asked by webvova,

    0 votes
    6 answers

  7. Отступ от края

    Очень прошу помощи, при width: 100%; у дива сохраняется отступы от краев, как это устранить без появления горизонтальной прокрутки?

    Asked by drevil37,

    0 votes
    2 answers

  8. отступ от левого края

    в ячейке таблицы текст, как лучше через CSS сделать отступ текста от левого края я сделал так: <style type="text/css"> .p1 { margin-left: 32px; } </style> </head> <body> <table> <tr> <td><div class="p1"> <p>ssssssssssssssssss</p> <p>ssssssssssssss</p> <p>sssssssssssssss</p> <p>Если соотношение отражаемых спектральных лучей схоже с соотношением, свойственным солнечному свету (преобладание сине-зеленых лучей и уменьшение содержания других цветов по краям спектра), то поверхность принимает белую окраску. Если же в соотношении спектральных лучей есть сдвиг в сторону,…

    Asked by antosha,

    0 votes
    7 answers

  9. отступ от нижнего края окна (подскажите)

    Привет, подскажите пожалуйста, если не сложно. У меня основной блок имеет отступ от верхнего края {margin: 0 auto;} а высота блока 100%. Подскажите пожалуйста, как сделать внизу такой же маленький отступ как и наверху?

    Asked by bifido,

    0 votes
    9 answers

  10. Отступ от низа экрана. Помогите найти.

    Помогите пожалуйста разобраться с такой проблемой. Есть сайт:http://prospect.gorodgid.ru/ У него внизу зеленая полоска (это я специально бакграунд у body зеленым сделал). Как убрать это расстояние? Раньше такая же ерунда была и сверху сайта, но там символ лишний невидимый из за UTF BOM стоит - решилось абсолютным позиционированием основного дива #wrapper. А вот что делать с низом? Может ли это быть из за BOM? Никак не могу его выловить... может smarty его подставляет...

    Asked by stardg,

    0 votes
    4 answers

  11. Отступ от новости

    Как навигатор отлепить от картинки? (http://truebooks.ru/page/2/). Пробовал margin, не помог, или я его не туда впихнул,хз

    Asked by JohnBondlock,

    0 votes
    5 answers

  12. Отступ от страницы

    Здравствуйте, дорогие форумчане. Название темы не раскрывает суть моей проблемы, но к сожалению, я не смог выразиться яснее. Сейчас я покажу проблему в картинках и нижу под картинками будет ссылка на сайт, т.к. я не знаю в каком куске кода проблема. Такой отступ есть только на страницах с подарками, ни на одной другой странице такого нет, я не знаю в какую сторону уже копать. в стилях прописаны margin и padding 0, сброс стилей присутствует, но делу это не помогает( кусочек серой полосы, это уже от моего браузера, а вот этот белый отступ и нужно исправить. Вот ссылка на эту страницу. Спасибо всем, кто откликнется.

    Asked by MadSandwich,

    0 votes
    5 answers

  13. Отступ от фреймворка youtube

    Не раз уже наталкиваюсь, но никак не могу побороть: Размещаю iframe сгенерированный youtube и хочу чтобы отступов от видео не было, однако снизу всё время остается небольшой отступ и убрать его не удается. Пробовал задавать нулевые padding, margin, marginheight, frameboarder и для фрейм и для контейнера (первые два). Пример http://www.cardician.ru/shop/UID_523.html Единственный вариант который удался - задать position:absolute и bottom:0; но нужно задавать высоту контейнера. Такой вариант не подходит, так как размеры видео могут различаться, а контейнер формируется движком, т.е. не различается для двух различных страниц. В общем суть вопроса - как убрать отступ снизу if…

    Asked by Ich,

    0 votes
    2 answers

  14. Отступ от шапки до меню, при использовании SSI

    Здравствуйте. Сложилась небольшая проблема. На сайте http://svetlas.ru/, создано около 20 разных страниц. Соответственно, имея разный контент, они имеют одинаковое меню, оформление, шапку и подвал. Сайт в основном сделан табличной версткой. Связался с хостером, и попросил включить для нас SSI, чтобы избежать многократного внесения изменений на каждой странице в отдельности, и вынести повторяющиеся части HTML-кода в отдельные блоки. Всё сделал по инструкции. Вот её часть: Первое что нам необходимо сделать, это переименовать наш файл index.html на index.shtml - именно такое расширение файла указывает Web-серверу на то, что мы собираемся использовать SSI Вырезаем из …

    Asked by Cyanide,

    0 votes
    4 answers

  15. Отступ первой строки текста от номера

    В общем сабж, а если по точнее: использовал в стиле list-style-position:inside; теперь, что-бы корректно работала под ИЕ 6 хочу сделать небольшой отступ текста от номера. Подскажите возможно ли такое?

    Asked by Sigurt,

    0 votes
    3 answers

  16. Отступ подчеркивания

    Здравствуйте, подскажите пожалуйста, есть подчеркнутая ссылка <a href="#"> Назад на главную страницу</a> мне нужно линию подчеркивания ниже опустить. Line-height не помогает, font-size тоже(да и за другое они отвечают). Обыскался уже, но пока безрезультатно. Спасибо.

    Asked by Zaku4,

    0 votes
    7 answers

  17. Отступ после DIVa в ie 6 и 7

    Всем привет! Прочитал на Хабре как сделать блок со скругленными краями с помощью буллитов, попытался реализовать и вот что вышло: Пример. Проблема в том что в 6 и 7 эксплорере между блоками corners и contacts-form появляется отступ в размер оставшейся части буллита, причем проблема исчезает если из кода убрать доктайп или если внутри contacts-form размещен просто текст не огороженный тегами. Подскажите пожалуйста корректное решение этой проблемы. HTML: <!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"> <head> <meta http-equiv="Content-T…

    Asked by optimismous,

    0 votes
    3 answers

  18. Отступ после reCAPTCHA

    Имеется два, прилегающих друг к другу, блока ... <DIV id="content"></DIV> <DIV id="footer"></DIV> ... #content { width: 729px; margin: 0 auto; padding-top: 10px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; background: url(contentfon.png) repeat-y; } #footer { width: 789px; height: 20px; margin: 0 auto; background: url(footer.png) no-repeat; } При вставке в первый (верхний) блок reCAPTCHA, в некоторых браузерах (Chrome и Safari) между блоками появляется отступ. Как его убрать? Вставляемый код reCAPTCHA: <script type="text/javascript" src="'. $server . '/challenge?k=' . $pubkey . $error…

    Asked by vtg,

    0 votes
    2 answers

  19. отступ после абзаца

    Здравствуйте подскажите как убрать отступ меж абзацев (<p></p><p></p>), нужна просто красная строка (text-ident), с <span> не работает т.е. как в бумажной книжке

    Asked by niculins,

    0 votes
    4 answers

  20. Отступ после блока с clear: both

    Имеется контейнер, в котором несколько блоков с float: left. В завершении, чтобы убрать обтекание ставлю блок с clear: both; При этом появляется отступ после этого блока, т.е. блок с clear: both; растягивает контейнер по высоте. С подобнымстолкнулся впервые, исправить смог только overflow: hidden; у контейнера. Пример кода: <div style="width:100%;overflow:hidden; "> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test te…

    Asked by pav8909,

    0 votes
    5 answers

  21. Отступ после текста

    Какую строчку кода на css добавить, чтобу отступ после текста внизу был 15px ?

    Asked by okunev2,

    0 votes
    8 answers

  22. Отступ при отрицательном margin

    Здравствуйте. Не могу разобраться с одной проблемой. Есть блок(список), у которого стоит отрицательный margin c левой и с правой стороны соответственно. .horizontal-list { overflow: hidden; margin: 0 -35px;}Собственно проблема: при уменьшении окна браузера менее 900px в ширину, справа образуется отступ равный все те же 35px и становится виден задний background body-тега. -- Можно это как то исправить не убирая отрицательные отступы(выступы) у списка? Код можно посмотреть тут -- Так же черкану тут: HTML: <div class="row post" > ... <ul class="horizontal-list" > <li class="col-md-4" > ... </li> <li class…

    Asked by Temiks,

    0 votes
    0 answers

  23. Отступ резиновых блоков

    Подскажите, как сделать отступ между резиновыми блоками? Последний блок уходит вниз. Поискал решения в сети, но все они связаны с таблицами и отступами с двух сторон. Код ul#profile-videos li {margin-right:20px;width:33.33%;outline:1px solid #4cb0e9;display:-moz-inline-stack!important;display:inline-block;}

    Asked by kostik86,

    0 votes
    3 answers

  24. Отступ с верху сайта

    Я создал блок для шапки сайта и столкнулся с такой проблемой: Стоет мне создать теги в шапке тоесть <p id="slogan"><font color="#FFFFFF" size="+2">УДОБСТВО</font><br>наш приоритет</p> то на самом верху от браузера до первого <div class="top_div"> <p id="slogan">....</p> </div> появляется отступ. Вот мой CSS body{ background-color:#6d85ad; background-image:url(../images/bg_main.jpg); background-repeat:no-repeat; background-position: 0% 0%; margin:0; padding:0; } .top_div{ width:752px; height:150px; background-color:#bdc9dd; } Я уверен, что тут все верно. Отступ появляется только если появляется тег <p> Помогите по…

    Asked by Bakhruz,

    0 votes
    3 answers

  25. Отступ сверху

    Добрый день. Почему-то на главной странице этого сайта делается отступ с самого верха страницы... Стандартное margin:0, padding:0 стоят. Никто не подскажет что может быть?

    Asked by kafaya,

    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