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. border-bottom

    Как сделать border-bottom на всю ширину div блока ?

    Asked by scr1be,

    0 votes
    7 answers

  2. border-bottom dashed

    Добрый день http://jsfiddle.net/5BCwW/4/ Необходимо сделать подчеркивание. Сейчас подчеркнут весь блок, а нужно только текст. Пока вижу вариант с background, но хотелось бы более гибкий вариант. Спасибо

    Asked by teatest,

    0 votes
    6 answers

  3. border-bottom и padding

    Всем привет! Сегодня столкнулся с проблемой небольшой, а именно отображение border-bottom. На прикрепленной картинке видно, что линия идет ЗА пунктами меню, а не под ними. В чем может быть дело? (если убрать padding 3px 10px у ссылок), то всё хорошо.. но мне нужно с padding. Интересно, что в IE8 бордюр отображается ровно под меню, а в хроме все время позади.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css/main.css" rel="stylesheet" type="text/css" /> <t…

    Asked by korjik,

    0 votes
    3 answers

  4. border-bottom как расположить рамку внутри?

    Как заставить рамку снизу изменить свое расположение, например сделать ее внутри элемента. Пробовал outline-offset очень хорошо работает, но из-за того что свойство outline позволяет использовать все 4 стороны рамки, это не очень удобно, возможно существует способ отключения outline 3 сторон рамки? Или есть какой другой способ?

    Asked by viliksar,

    0 votes
    3 answers

  5. border-bottom на ширину текста

    Добрый день участники форума, прошу помочь мне решить проблему. К заголовкам в блоках поставил border-bottom, хочется получить чтоб dotted под заголовком был не на всю ширину блока, а на ширину текста, пробывал задавать значения ширины заголовка, но тогда не корректно отображается в браузерах, где-то отображается хорошо, но в опере почему то текст не съезжает в низ. Может есть какой нибудь другой выход из сложившейся ситуации?

    Asked by lamaka,

    0 votes
    4 answers

  6. border-collapse; hover

    Только начинаю изучать основы создания сайта, поэтому основной задачей для себя считаю изначально разобраться в логике, синтаксисе (если я правильно употребляю этот термин в данном контексте), а творческие амбиции храню на потом. В связи этим у меня и вопрос. Черпая в очередной раз полезную информации с этого замечательного сайта, наткнулся на стилевое свойство - border callpse и его значение - callpse, что могло послужить замечательным решением одной, недавно возникшей проблемы. Быстро сворганил меню(рис1): - рис.1 - рис.2 - рис.3 но при наведении на второе(рис.3) и последующие разделы меню, цвет меняет только правая часть рамки, а по логике должна и левая меняться к…

    Asked by Vaseech,

    0 votes
    1 answer

  7. border-color в опере?

    в опере никак не получается задать цвет рамки таблицы (( в FF и IE всё ок. белые, а в опере почему-то чёрные <table frame="void" rules="all" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0"> <tr > <td id="t1"></td> <td id="t12"></td> <td id="t2"></td> </tr> <tr > <td id="t14"></td> <td id="t22">&…

    Asked by sdm98,

    0 votes
    24 answers

  8. border-color: transparent

    Ну вот, теперь и у меня возникли вопросы! Подскажите как сделать border-color: transparent для ie6!? метод с фильтром border-color: #000000; filter:progid:DXImageTransform.Microsoft.Chroma(color=#000000) не подходит, появляются лишние цвета на самом тексте.

    Asked by Lincky,

    0 votes
    6 answers

  9. Border-image

    Всем привет. Как правильно задать для рамок картинку. Код пишу так div { width: 897px; height: auto; position: relative; margin: 20px auto; padding: 0; z-index: 0; border-image: url('ramka.jpg'); } и не работает Заранее большой спасиб.

    Asked by Oliany,

    0 votes
    5 answers

  10. border-image

    Здравствуйте Уважаемые форумчане. Возникла проблема с border- image Необходимо сделать div который будет со всех сторон окружен картинкой. Использую такой код -moz-border-image: url(border-image-bottom.gif) 30 round round; -webkit-border-image: url(border-image-bottom.gif) 30 round round; -o-border-image: url(border-image-bottom.gif) 30 round round; border-image: url(border-image-bottom.gif) 30 round round; Вроде все хорошо, но с левой и с правой стороны ничего не отображается, как это можно исправить? Ссылка на пример http://jsfiddle.net/Q4xDQ/

    Asked by LIFE-STALKER,

    0 votes
    8 answers

  11. border-image

    Здравствуйте. подскажите что здесь использовать border-image или еще что-то? http://jsfiddle.net/dBDtN/ вот пример. вопрос: почему border-image не вокруг всего блока, а только сверху и снизу?

    Asked by chiosan,

    0 votes
    6 answers

  12. border-image

    Здравствуйте. Подскажите пожалуйста новичку, как вставить border-image только с правой стороны?

    Asked by титько,

    0 votes
    2 answers

  13. Border-image

    Ребят здравствуйте подскажите почему не работает код нужно сделать бордер картинкой только с одной стороны border-image: url("../img/brimg.png"); border-top:0; border-left: 0; border-bottom: 0; или подскажите как сделать такие разделители при условии что ховер должен быть таким как вариант я использовал бордер но он заполняет всю сторону блока,

    Asked by Евгений_SB,

    0 votes
    2 answers

  14. border-image для IE

    Добрй день. Есть такое замечательное css свойство http://htmlbook.ru/css/border-image, может есть какой-то аналог в IE через какой-нибудь фильтр?

    Asked by kidar2,

    0 votes
    4 answers

  15. border-left: background-image

    нужно сделать бордер с фоновой картинкой как? на ксс

    Asked by ufaclub,

    0 votes
    3 answers

  16. border-radius

    У меня на сайте в дизайне много закруглений, выполненных с помощью вставленных картинок. Стоит ли мне заменить всю эту массу изображений свойством CSS "border-radius" или пока ещё время? Все последние версии популярных брандеров так или иначе могут понимать это свойство(на IE6 я какал с высокой горы), значит грех его не использовать.

    Asked by Ge1i0N,

    0 votes
    2 answers

  17. border-radius

    Собственно нужно сделать закругленные углы и тени, чтоб нормально отображалось в ие 6-8 перепробывал уже все что можно, ничего не хочет работать, мб тут кто подскажет что-нибудь, а то это реально полный провал. слева как должно быть, справа как отображается в ие http://itmages.ru/image/view/381524/f5677160

    Asked by necro,

    0 votes
    9 answers

  18. border-radius в ie

    Как заставить работать параметр css border-radius в internet explorer?

    Asked by volkovics,

    0 votes
    12 answers

  19. border-radius в IE 7-8

    Сабж. Какой-нибудь проверенный способ есть? А то в инете их чего-то много подозрительно. Пробовал парочку несколько месяцев назад, тогда так и не добился адекватной работы. Вот и щас не хочется об стенку биться.

    Asked by Gaspode,

    0 votes
    12 answers

  20. border-radius внутренней границы - никак не регулируется?

    border-radius внутренней границы - никак не регулируется? То есть, если мы делаем border-bottom - то очень часто внутренний уголок или имеет меньший радиус или съедается и становится прямоуольным. есть какой-то способ регулировать внутренний угол через css?

    Asked by Zverushka,

    0 votes
    13 answers

  21. Border-radius для <img> в Opera...

    Добрый День! При применении св-ва "border-radius" к тегу <img> столкнулся с трудностями при отображении в Opera. Вобщем свойство просто не работает... Задавать картинки бэкграундом не подходит для заказчика!(хотя в этом случае border-radius работает нормально.) Не подскажите - существует ли выход для подобных ситуаций? P.S. Ссылку на сайт предоставляю: http://yamaradg.narod2.ru/history/Matrix/index.html Буду очень признателен за помощь!

    Asked by Yamaradg,

    0 votes
    27 answers

  22. Border-radius для img (продолжение...)

    Здравствуйте! Всем очень благодарен за вчерашние советы и рекомендации. Узнал много нового и полезного для себя. Но при "апгрейде" плагина о котором вчера велась речь( Сейчас он выглядит вот так: http://yamaradg.narod2.ru/history/Matrix/index.html ) я столкнулся с очередной "каменной стеной"! На этот раз застрял на проблемах с - IE-7,8! А дело собственно вот в чём: 1) при наведении на матрицу у <img class="bigimg"> в ie-7 не срабатывает z-index(не знаю как выкрутиться из этой ситуации?) + в IE-8 вся матрица вообще пропадает из виду... (это связано с подключением скрипта border-radius для IE-7,8... И единственным решением которое удалось найти являеться <img class…

    Asked by Yamaradg,

    0 votes
    1 answer

  23. border-radius для внутренних эл-в

    Мне нужно сделать такую штуку: <div class="item_header"> <div class="item_header_title">A SIMPLE MATH PROBLEM</div> <div class="item_header_price">$30</div> </div>для внешнего div'а делаю border-radius, всё хорошо, но вот внутренние вылезают поверх скругленных углов. Можно ли как-то сделать, чтобы 2 внутренних блока (синий и зеленый) были с прямыми углами, но то, что выходит за круглую границу родительского дива просто обрезалось? Вариант скруглить всё что можно работает, но хотелось бы другое решение.. может быть какое-то сочетание из display и overflow? или как-то иначе.. Спасибо

    Asked by basist,

    0 votes
    5 answers

  24. border-radius и border-collapse

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

    Asked by uteelers5,

    0 votes
    9 answers

  25. border-radius.htc не работает

    Подключил border-radius.htc, но он не работает в IE8 (в более ранних версиях не смотрел). Пробовал убрать все скрипты - все равно не работает. Есть альтернативы или какие-то способы заставить работать border-radius.htc ?

    Asked by SEObomj,

    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