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. Мониторы и пропорции

    Сайт имеет фиксированную ширину 1000 пх, с расчетом на удобный просмотр при разрешении 1024. На мониторах с широким экраном все иллюстрации слегка "сплющены", сжаты по вертикали. Как устранить эту неприятность, вернуть пропорции изображениям?

    Asked by Anat-sm,

    0 votes
    2 answers

  2. Горизонтальные полоски в заголовке

    Где-то видел статью как сделать такое, там еще линии были прозрачнее. Может кто-то ссылкой поделиться?) или кодом)

    Asked by like2dev,

    0 votes
    1 answer

  3. Древовидные комментарии

    Кто-нибудь верстал что-то подобное? Для верстки использовал вложенные списки, но пока есть проблемы с кроссбраузерностью. Если вы видели на каком-то сайте аналогичные каменты со стрелочками-указателями, то скиньте, пожалуйста, ссылку. Проблема собственно в запутанности и сложности получившегося кода. Кто как сверстал бы такое?

    Asked by Anarchist,

    0 votes
    3 answers

  4. Как к фону применить градиент

    Подскажите пожалуйста, как к фону применить градиент

    Asked by skoch244,

    0 votes
    1 answer

  5. оформление select через css

    Добрый вечер. Есть задача оформить выпадающий список при помощи css . Попробовал изменить немного оформление, но работает нормально только в Mozilla, остальные браузеры игнорируют стили, хотя надо изменить только background по :hover и применить padding. Применил такие правила: .s-t-select option{padding:4px 0 4px 10px;} .s-t-select option:hover{background-color:#9bb5c9; color:#fff;} Работает, повторюсь, только в Mozilla... Подскажите, пожалуйста, как решить данную задачу. В инете как вариант нашёл только плагины на jquery, но не хочется навешивать скрипты ради одного списка. Вот ссылка, список вначале страницы, "выбор по экватору" Вот так это выглядит в Mozilla...

    Asked by slo_nik,

    0 votes
    6 answers

  6. Запретить перенос строки CSS?

    Добрый день. Помогите пожалуйста решить проблему. <div class="ui-tree-node ui-state-default"> <span class="ui-helper-clearfix ui-tree-node-content ui-corner-all ui-tree-selectable-node"> <span class="ui-tree-icon ui-icon ui-icon-triangle-1-e"></span> <span class="ui-icon ui-icon-folder-collapsed"></span> <span class="ui-tree-node-label">07.Проектно-Методический отдел</span> </span> </div> Вот что получается. Подскажите пожалуйста, что нужно добавить в CSS, чтобы и картинки и текст никогда не переносились (всегда были в одну строку). Нужен именно вариант с CSS, т.к. html генерируется автоматом, я его и…

    Asked by madmis,

    0 votes
    2 answers

  7. Проблема с overflow: auto;

    Всем привет, есть такой код: <table> <tr> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> </tr> <div style="overflow: auto; height: 100;"> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> </div> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td&g…

    Asked by Bonzash,

    0 votes
    5 answers

  8. Geolocation API

    Привет . Помогите разобратся с кодом. Читал статью http://www.xiper.net/learn/html/up-and-running/you-are-here/complete-example.html http://www.xiper.net/learn/html/up-and-running/you-are-here/geo-to-the-rescue.html Создал пример <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Dive Into HTML 5</title> </head> <body> <input type="button" onClick="lookup_location()" value="OPA"> <script src="geo.js"></script> <script src="geo_position_js_simulator.js"></script> <script> function lookup_location() { geo_position_js.getCurrentPosition(show_map, show_map_error); } function sho…

    Asked by dostel1,

    0 votes
    2 answers

  9. Прозрачность элемента

    Доброго времени суток, господа! стоит такая задача: есть три таблицы, состоящие каждая из одной ячейки и вложены друг в друга. Необходимо сделать вторую таблицу полупрозрачной, а третью, вложенную в нее - непрозрачной. Прочитал теорию про opacity, но что то у меня не получилось: <style> .semi { opacity: 0.5; } .semik { opacity: 1; } </style> <table bgcolor="006FFF" width=50% height=50%><tr><td align="center" > <table bgcolor="red" width=50% height=50% class="semi"><tr><td align="center"> <table bgcolor="green" width=50% height=50% class="semik"><tr><td> Эта таблица должна быть непро…

    Asked by popoff17,

    0 votes
    3 answers

  10. Проблема с правым блоком

    Здравствуйте, не могу понять в чем дело, при width=100% div с id="container" выходит за рамки поля, и появляется горизонтальная полоса прокрутки, а мне нужно чтобы не выходил за пределы браузера.. <div id="wrapper"> <div id="left"> gggg </div> <div id="container" > <div id="content"> <br> тексттексттексттексттексттексттексттексттексттексттексттекст </div> </div> </div> #wrapper { width: 100%; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; display:table;} #container { float: left; border:1px solid black; width:100%; padding-left:210px; overflow: hidden; position:…

    Asked by Bingo,

    0 votes
    4 answers

  11. Список во всплывающей подсказке

    Это не реальная ситуация, как то случайно на это наткнулся, теперь не могу сообразить почему так происходит и какие есть варианты решения. Допустим есть предложение, в котором к определенному термину я хочу добавить всплывающую подсказку, а в этой самой подсказке нужно отобразить список(ul). Проблема в том что даже если он спрятан (display: none), браузер все равно ставит закрывающий тег </p> и оставшийся текст предложения переносится на новую строку. <p> Процессы в малой группе, отражающих неформальную <span class="tooltipTerm">гештальтпсихологии <ul class="tooltipDescription"> <li>Ассоциация устойчиво</li> <li>Асс…

    Asked by rediskavet,

    0 votes
    12 answers

  12. не получается поместить кнопку в меню

    пытаюсь поместить эту кнопку http://creation.x2x.me/files/knopka.txt в это меню вместо слов "Mission Statement" http://creation.x2x.me/files/menu.txt

    Asked by новечёк-самоучка,

    0 votes
    0 answers

  13. css + гекст

    Как сделать наклон по радиусу текста в css вот пример http://test.liwil.net/mebel/ меню (о комнании - услуги - контакты)

    Asked by paseonru,

    0 votes
    1 answer

  14. Скобки

    Подскажите как убрать подчеркивание у скобок(«). <li> <a style="margin-left:25px;font-size: 18px;" class="bondt" href="/news/yl/">«Yellow Lamp</a>»</li></ul>

    Asked by Rambo2045,

    0 votes
    1 answer

  15. Свойство background-repeat

    Добрый день. Подскажите как правильно прописать свойство background-repeat, а то у меня кроме как указанным ниже способом не получается (много дубляжа при этом)? И ещё, подскажите можно ли (и как) использовать не полностью имя селектора id, а только его часть, например вместо tabname_3, просто tabname... и чтоб стиль применялся ко всем селекторам id начинающихся с этого имени? Извините, но не мог найти ответа возможно на не сложную задачу. С уважением Артём. html- ================ <div id="wrap"> <div class="selectTabs"> <ul class="lineTabs"> <li><a id='tabname_6' href="#">SHOPPING GUIDE</a></li> <li><a id='tabname_5' hre…

    Asked by ar.,

    0 votes
    6 answers

  16. Проблема с тегом <option>

    Добрый день. Есть такая проблема. Хочу чтобы тег <option>, выводил не "a2",а "a2". Возможно это сделать, если да, то как? За ранее спасибо.

    Asked by maranqz,

    0 votes
    8 answers

  17. Помогите с меню

    Помогите с меню <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>SKOCH244</title> <style type="text/css"> #mn1, #a11 { display: block; position: absolute; height: 30px; width: 100px; text-align: center; line-height: 30px; border: 1px solid #000; } #mn2, #a12 { display: block; position: relative; visibility: hidden; text-align: center; top: 30px; height: 30px; width: 100px; line-height: 30px; border: 1px solid #000; } #mn1, #a11:hover #mn2 { visibility: visible; } </style> </head> <body> <div id="mn1"><a id="a11" href="#">MENU</a>…

    Asked by skoch244,

    0 votes
    6 answers

  18. проблема с relative в IE8

    Добрый день. Столкнулся с проблемой в нашем любимом IE. HTML - <div class="edit_head"> <div class="edit_pict"><img src="img/icons/radiation32.png"></div> <div class="pict_menu" style="display: none;"> <div class="img_panel"><img src="img/icons/fire32.png"></div><div class="img_panel current"><img src="img/icons/radiation32.png"></div><div class="img_panel"><img src="img/icons/biohazard32.png"></div><div class="img_panel"><img src="img/icons/drop32.png"></div><div class="img_panel"><img src="img/icons/voltage32.png"></div><div class=…

    Asked by Odrin,

    0 votes
    2 answers

  19. Почему стили CSS не применяются?

    Помогите плиз пишу стили в самом документе а применяются только некоторые! <div id="welcome_text"> <style type="text/css"> #welcome_text p{ margin-bottom: 7px; } #welcome_text p a, #welcome_text p a:visited{ text-decoration: none; font-size: 17px; } #welcome_text p a:hover{ text-decoration: underline; } #welcome_text p ul#spisok1{ margin-left: 15px; font-size: 24px; } </style> <p> Правовая основа <ul id="spisok1" style="margin-left: 25px;"> <li><a href="">Лицензия</a></li> <li></a href="">Государственная аккредитация</a></li&…

    Asked by tarkinsky,

    0 votes
    2 answers

  20. Не применяются правила CSS!

    Помогите пожалуйста кто чем сможет! Проблема что последнее правило в коде не применяется, я его и со звездочкой пробовал, и вообще не применяются правила с div и class. Но зато применяются первые три правила в полном объеме?!? <div id="full_news_h"> Документы </div> <div id="welcome_text"> <style type="text/css"> #welcome_text p{ margin-bottom: 7px; } #welcome_text p a, #welcome_text p a:visited, #welcome_text p ul li a{ text-decoration: none; font-size: 17px; } #welcome_text p a:hover{ text-decoration: underline; } #welcome_text p ul#spisok{ эти правила работать не будут!!!! } #welcome_text p * #s…

    Asked by tarkinsky,

    0 votes
    2 answers

  21. Кнопка для загрузки документа

    У меня есть кнопка. Мне надо,чтоб при нажатиии на неё скачивался документ. Как это сделать?Я,так понимаю,это Джава?

    Asked by IrkaLulka,

    0 votes
    8 answers

  22. Проблема с таблице

    Не понимаю откуда взялись эти пробелы, cellspacing, cellpadding стоит по нулям и ещё Див (это тот,что внизу с текстом) почему-то шире таблицы получился,хотя ширину обоим одинаково задавался. Только в IE нормально работает,в остальных браузерах вот так вот коряво выдаёт. Что это такое, подскажите,пожалуйста?)

    Asked by IrkaLulka,

    0 votes
    9 answers

  23. Расстояние между <TD>

    Не могу добиться расстояния между <td> в таблице. cellspacing не подходит. padding, тоже не подходит, так как идет рамка. Какие варианты еще есть?

    Asked by Ritter,

    0 votes
    4 answers

  24. Проблема с выпадением пункта в меню аккардионе

    Задача: сверстать многоуровневое меню аккордеон. сделал, вроде все работает нормально, но содержимое одного из пунктов (см. Мы рекомендуем) раскрывается только на половину, а затем резко падает вниз. Так как другие пункты работают нормально, подозреваю что дело в верстке, но не могу понять где. Если стили отключить, то все норм работает, стоит вернуть стили на место, меню опять выпадает. Ссылка: http://gorkistori.ru/menu/

    Asked by karlitos32,

    0 votes
    3 answers

  25. Прыгающее меню при переходах в IE

    Здравствуйте. Дорабатываю вёрстку сайта http://seby.ru/ Код привести не могу, так как не понимаю в каком конкретно участке кода ошибка. Можно посмотреть листинг главной страницы. В IE 8 (и других версий), в windows XP, при переходах между пунктами главного меню, пункты меню деформируются (становятся жирными) на короткое время, а потом становятся нормальными. Этого эффекта в других браузерах нет, только в IE. Как его можно убрать? Я сначала думал, что виновато свойство подписей под картинками bold, но убрав весь жирный текст, эффект всё равно остался.

    Asked by Lunar,

    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