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. Большой div!

    Всем доброго времени суток! Никак не могу разобраться, в чем тут ошибка: Имеется вот такой блок - http://joxi.ru/n2YY0kKc58QG26 Вот с такой стилизацией - http://joxi.ru/J2bJX1MfwDeG26 Не понимаю откуда берется такая высота - http://joxi.ru/LmG7pEXUYXNMml Примечание: если убрать: #menu table {width: 100%;}то сайт принимает такой вид - http://joxi.ru/VrwpeqguXM0GmX Заранее спасибо всем, кто хоть чем-то поможет!

    Asked by Antoshka007,

    0 votes
    3 answers

  2. большой баннер на несколко строк

    В начале страницы баннер, который по размерам занимает несколько обычных строк. после баннера по идее ниже должны идти кнопочки. но получается так, что когда заканчивается абзац баннера, то кнопочки расплагаются во второй строке, но на уровне середины баннера ("наплывают" на него) в каком месте исправлять?

    Asked by Rilo,

    0 votes
    5 answers

  3. Большой беграунд

    Обычно старался избегать использования больших изображений в качестве фона для веб-страницы. Но вопрос назрел. А тут мало того, что разрешений мониторов тьма, так еще и различные мобильные девайсы… Кто сталкивался, может поделитесь соображениями из личного опыта? Либо может есть какая-нибудь аналитическая статейка, или фреймворк. Спасибо. ЗЫ: подразумевается no-repeat изображение, вероятнее всего 100% по ширине и высоте

    Asked by abused,

    0 votes
    4 answers

  4. Большой блок как ссылка

    Сталкнулся с проблемой что не могу сделать ссылкой весь блок. Имеется блок с картинкой, текстом и ссылкой, хочу сделать ссылкой не последние две строчки а всю площадь блока с текстом. Вставлять весь текст как ссылку не хотелось и я придумал задать ссылке позицию абсолют и размер в размер дива. И как бы всё работает, но правда только в фаерфоксе, в IE и Opere на том месте где под ссылкой расположен абзац ссылка не работает. Собственно как это лечится? Вот мой пример http://jsfiddle.net/DeaDrash/PWx8R/ Или если вариантов нет, подскажите может как через яваскрипт сделать весь див ссылкой и чем это плохо?

    Asked by deadrash,

    0 votes
    3 answers

  5. Большой обтекаемый блок на bootstrap

    Доброго времени суток! Подскажите как можно сверстать такое отображение блоков? Пробовал через свойства float, но ничего не вышло. Максимум что получается это один маленький блок слева, большой по центру и 2 справа + ниже 5 блоков.

    Asked by booster,

    0 votes
    3 answers

  6. Большой отступ перед clear

    Привет всем. Прилагаю изображение с проблемой. В контейнере два флоата, после контейнера clear. Непонятно откуда появляется слишком большой отступ. Где искать проблему?

    Asked by fan-ky,

    0 votes
    11 answers

  7. большой пробел перед ссылкой почему?

    Здравствуйте помогите пожалуйста почему перед ссылкой такой большой пробел как не выравнивай по центру или по краям всегда именно в этом месте так остается http://imageshost.ru/links/85805cd14962b6b6f5d36e6ec0de901f с чем это может быть связано?(помимо кривизны собственных рук )

    Asked by WaxArt,

    0 votes
    3 answers

  8. Большой фоновый рисунок

    у вас в этом уроке взял код http://htmlbook.ru/content/izobrazhenie-na-vsyu-shirinu-maketa Но вот проблема помню как делал а потом видно забыл я хочу чтоб фоновое изображение больших размеров, больше окна браузера, при увеличении окна появлялось с двух сторон, а не как с 1 стороны как показыно в уроке, внизу изменил код но он не работает почему-то изображение пропадает, а помню раньше как-то делал <!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=utf-8"> <title>Фоновое изображение</title> <style type="text/css"&…

    Asked by Hoax,

    0 votes
    0 answers

  9. Бордер

    Всем привет) У меня 2 проблемы. Надеюсь вы поможете их решить)) 1. На картинке в правой стороне обведён пробел между дивами, подскажите, как его заполнить? Чтобы в выделенном месте тоже была рамка. 2. Как сделать, чтобы вместо выделенного на скрине как "текст текст текст текст ..." места начинался текст? Сам код: <div class="name"> <a href="">Игра Жизнь</a> </div> <div class="date"> 03:00:00 01.01.1970 </div> <div class="text"> Место действия этой игры — «вселенная» — это размеченная на клетки поверхность, безграничная, ограниченная, или замкнутая. В компьютерных реализациях игры чаще всего используют поверхность тора. Каждая…

    Asked by Sandr,

    0 votes
    7 answers

  10. Бордер в table повторяется

    Здравствуйте. У меня есть таблицы (вывод динамический) Подскажите пожалуйста, как сделать, что бы бордер не повторялся при таких условиях: |_|_|_| |_|_|_| -типа такой, и при td { outline: 1px solid #D1D1D1; } Линии накладываются друг а друга и получается типа: |_||_||_| |_||_||_| <table id="qwert" width="100%" border="1" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center"><p><strong>Наименование </strong></p></td> <td align="center"><p><strong>Ед. изм</strong></p></td> <td align="center"><p><strong>…

    Asked by hea8y,

    0 votes
    4 answers

  11. Бордер в таблице для ие6-ие7

    Привет есть таблица с след стилями .tableBlock table { width: 100%; border-collapse: collapse; empty-cells: show; text-align: center; } .tableBlock table td { background: url(../img/bg.png) no-repeat 0px -179px; height: 23px; line-height: 23px; overflow: hidden; padding: 0px 10px; border-left: 1px solid #181818; border-right: 1px solid #181818; line-height: 23px; } .tableBlock table thead td, .tableBlock table .totalTR td { background: url(../img/bg.png) no-repeat -6px -270px; font-size: 11px; color: #d8d8d8; font-weight: bold; border-left: 1px solid #747474; border-right: 1px solid #747474;} в ие6 и ие7 бордеры ползут вверх не могу понять из за чего Кто нибудь сталкива…

    Asked by WalkMan,

    0 votes
    6 answers

  12. Бордер в цвет градиента

    Товарищи, не могу сделать прозрачный фон на кнопку, чтобы было вот так: http://prntscr.com/luwhmx Пока получается только так: https://codepen.io/dimpin/pen/QzyXvK Может кто сможет подсказать? Буду безгранично признателен.

    Asked by Dimpin,

    0 votes
    4 answers

  13. бордер вокруг input в опере

    как с этим бороться? не удается ни избавиться от него, ни перекрасить его под цвет фона. Такое только в опере.

    Asked by Cris,

    0 votes
    4 answers

  14. бордер для а

    есть <p><a>бла-бла-бла</a></p> —- css — a {border-bottom: 1px dashed red} ———— в ие7 нет нижней границы, <a> блочным делать нельзя, line-height тоже... что тогда можно тут придумать.....???? с данной проблемой уже встречался, но не помню как решил...(((

    Asked by Lincky,

    0 votes
    5 answers

  15. Бордер для ссылки

    <div class="test"><a href="#">Ссылка</a></div>.test {position: absolute; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333; line-height: 13px; height: 13px; top: 21px; display: block;}.test a {color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.3);}.test a:hover {color: #ff0 !important; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 0, 0.3);}В любой версии IE нету этого нижнего бордера. Как вылечить? Добавил ссылки position: relative; но проблема до конца не решилась, оказывается в ИЕ не срабатывает проразность rgba(255,255,255,0.3); Т.е. вся проблема 0.3. Есть ли кробраузерное решени…

    Asked by okunev2,

    0 votes
    17 answers

  16. бордер на уровне начала текста

    у меня небольшая проблема, надо сверстать блок с бордером такой как на картинки, в чем закавырка бордер начинает на уровне начала буквы С, но из-за line-height это не так как получилось у меня, если посмотреть внимать там есть отступ 5px подскажите как можно устранить это недочет желательно средствами css и без дополнительной разметки, у меня есть вариант бэграундом и воспользивотся бэкграунд позишен но так же не хотелось бы использовать картинки , может кто знает другие варианты да и желательно что бы заканчивался на уровне букв http://jsfiddle.net/vKem2/

    Asked by chiffenok,

    0 votes
    4 answers

  17. Бордер поля в форме. Chrome/Safari.

    Никогда над этим не задумывался, как то не мешало особо. Но тут делаю один макет, и там этот бордер в активном поле жутко раздражает: В хроме оно оранжевое. Кто знает как убрать?

    Asked by Verder,

    0 votes
    5 answers

  18. Бордеры пропадаю из за флоата ?

    Обратите внимание товариши . Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>TesT</title> <style type="text/css"> * { margin:0; padding:0; border:0; } html { background-color: white; width: 1024px; } body { } #center { width: 940px; padding: 0; margin: 0 auto; background: #fafcfb; border-left: 3px solid #b8b9bd; border-right: 3px solid #b8b9bd; } #top { background: url(images/top_bg.gif) top left repeat-x; width: 660px; height: 62px; } #top ul li{ list-style: none; display: inline; margin: 5px; } #top2 { background-image: url(images/top_bg2.gif); background-repe…

    Asked by musulman,

    0 votes
    3 answers

  19. Бордеры у пунктов меню при наведении

    http://jsfiddle.net/dgfzckzh/ Вопрос:Как сделать разделители у меня не картинкой (там проблема в том, что у бордера 2 цвета. Пробовал делать border: ridge; но не получается Как сделать этот разделитель, чтобы у последнего пункта меню он был не только слева, но и справа. Так, как сделано сейчас имхо неправильно (применено не к конкретному пункту, а к самому блоку меню) И самый главный вопрос: как сделать, чтобы при наведении, фон не закрывал собой этот самый разделитель? Делаю margin-left: 2px, но сдвигаются и сами пункты меню при наведении.

    Asked by Imperil,

    0 votes
    2 answers

  20. Бордовые рамки вокруг графических ссылок в IE

    Вот так выглядит код странички: <span class="menu_item"><a href="index.html"><img src="img/but_01.gif" width="58" height="16" alt="Главная" /></a></span> <span class="menu_item"><img src="img/menu_brake.gif" width="2" height="16" /></span> <span class="menu_item"><a href="about_CASD.html"><img src="img/but_02.gif" width="68" height="16" alt="О породе" /></a></span> <span class="menu_item"><img src="img/menu_brake.gif" width="2" height="16" /></span> Вот CSS: .menu_item { padding-right: 10px; } Вот как эти две ссылки выглядят в Опере: http://www.vrn17.jino-net.ru/img/opera.jp…

    Asked by Britannic,

    0 votes
    2 answers

  21. бордюр не на всю высоту элемента

    свойство border делает бордюр элементу от начала и до конца, как сделать, чтоб получились отступу с каждого края?

    Asked by sc@r@bey,

    0 votes
    5 answers

  22. Бордюры (border)

    всем привет, народ подскажите пожалуйста в одном деле.

    Asked by bobb,

    0 votes
    2 answers

  23. Бордюры в IE

    SOS... Как бороться с бордюрами в ослике. Ослик отображает бордюр внутри дива, а остальные браузеры как бы расширяют див на ширину заданного бордюра т.е если у нас высота дива 100px то в ослике 1px бордюр будет в нутри дива тем самым не увеличивая его размер, как это делают другие браузеры. У них, как я понимаю, бордюр на свою ширину расширяет див. 100px ширина дива и если мы ставим бордюр в 1px, то ширина дива уже будет 101px. Ну где то так. В общем подсмотреть проблему можно здесь. Если вы откроете в IE, то нижний бордюр будет неразрывным, а если в другом браузере, то он разрывается. Подскажите как с этим можно бороться?

    Asked by yujin11,

    0 votes
    2 answers

  24. Борьба position:absolute и position:relative с z-index

    Расскажите, по какому принципу определяется приоритет блоков, спозиционированных абсолютно и относительно? Т. е. всегда ли блок с position:absolute будет находиться над блоком с position:relative ? У меня сложилась такая ситуация в Mozilla и z-index не помогает ее исправить. Причем в IE 7 как ни странно отображается согласно моей задумке

    Asked by XXXVII,

    0 votes
    14 answers

  25. Борьба с IE. 3 колонки, резиновый дизайн.

    Делаю новый шаблон для сайта, 3 колонки, резиновый. Столкнулся с проблемой. В IE в центральной колонке получается небольшой отступ текста на том месте, где заканчивается текст левой. Пример на рисунке. Очень заметно при выделении текста. 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-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <style type="text/css"> #left { border: #999999 solid 1px; width: 200px; float: left; } #right { …

    Asked by denis_imo,

    0 votes
    1 answer

  • Обсуждения

    • 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