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. Не появляется вертикальная прокрутка в IE

    У меня не стандартный список select (не стандартный тем что, работает с jquery), все в норме работает. Единственное проблема в том, что в IE вертикальная прокрутка не появляется. overflow:scroll не помогает. как еще можно заставить ie чтоб, прокрутил список вверх-вниз. Заранее спасибо. Ссылка на код

    Asked by jumancy,

    0 votes
    3 answers

  2. Не появляется картинка при наведении курсора на ссылку размещённую на окуржности созданной в svg

    Доброго времени суток, люди добрые!!! Помогите пожалуйста. При наведении курсора на ссылку размещённую на окружности, нарисованной с помощью svg, должна по-идее появляться картинка, но она упортно этого делать не хочет. Помогите пожалуйста разобраться в причине. Все сопутствующие файлы во вложении. На обычной ссылке всё происходит как надо. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style> .okrug span{ position: absolute; left: 500px; z-index: 100!important; visibility: hidden; } .okrug:hover span{visibility: visible;} </style> <object data="link.svg" t…

    Asked by Иван98,

    0 votes
    2 answers

  3. Не появляеться горизонтальная прокрутка

    Добрый день. Есть сайт http://amsterdam-artgallery.com/index.php Возникла следующая проблема, при низких разрешениях, в частности на 12-15" ноутбуках при низких разрешениях на сайте появляется вертикальный скроллинг, а горизонтального нет, из за чего видно только половину страницы. В таблицах по большей части указаны разметки 100%, вместо фиксированной ширины пикселей. Подскажите пожалуйста, есть ли код или скрипт хотя бы принудительно вызывающий горизонтальный скролл при разрешении ниже 1024 к примеру или что можно сделать в данном случае?

    Asked by scarband,

    0 votes
    5 answers

  4. Не правильная адаптация на сайте

    Всем привет, у меня такой вот вопрос, делаю сайт через react и при изменении расширения что-то идёт не так и какой-то бред получается, подскажите как решить данную проблему. Я вообще не понимаю из-за чего это происходит, по этому не могу нормально объяснить 😅.

    Asked by Yurich,

    0 votes
    0 answers

  5. Не правильно отбражает в IE

    В опере и других браузерах более или менее центральная часть страницы нормально отображается, а вот в IE, прямо какая то беда.. .!!! Подскажите пожалуйста, что сделать, чтобы изображение страницы было, как опере http://protokoly-khromtsev.narod.ru/Abramov_Nikolai.html вот css для блока div и т.д.: .roundcont {width: 95%; margin-left:20px; margin-right:20px; background-color: #C0E4FF; text-align:center; color: #000000;} .roundcont p {margin: 0 10px;} .roundtop {background: url(images/tr12.gif) no-repeat top right; } .roundbottom {background: url(images/br42.gif) no-repeat top right; } img.corner…

    Asked by instruktor,

    0 votes
    0 answers

  6. Не правильно отображает в Mozilla Firefox

    Google Chrome, IE - отображает правильно, в Mozilla Firefox нет. http://demo.joomlaworks.net/tabs-and-sliders-for-articles

    Asked by lev99,

    0 votes
    17 answers

  7. Не правильно отображается блок сайта

    Не правильно отображается блок сайта Просто перенес сайт из одного домена на другой.

    Asked by safok,

    0 votes
    6 answers

  8. Не правильно отображается в Mozilla Firefox

    Здраствйте! Помогите пожалуйста. в IE отображает как надо, а в Mozilla Firefox по другому. <html> <head> <style> #container { width: 1000px; heigth: 100%; border: 1px solid red; border-width: 1px 1px 1px 0; } #navigation { width: 200px; height: 100%; float: left; } </style> </head> <body> <div id="container"> <div id="navigation"> </div> </div> </body> </html>

    Asked by alexb,

    0 votes
    3 answers

  9. не правильно отображается картинка в ИЕ6.

    Нужно отображать закругленные углы. Применила для этой задачи - position:absolute, для картинок(углы) бекграундом - спрайт. Во всех браузерах отображается нормально. Но в ИЕ6 бекграунд блока абсолют отображается и за пределами блока. Как это исправить? css: .events_block{ position:relative; background:#f8fdfe; margin:0 0 20px; } .left_top{ position:absolute; left:0; top:0; height:6px; width:5px; background:url(img/angles_top_events_block.jpg) 0 -12px no-repeat ; } .right_top{ position:absolute; right:0; top:0; height:6px; width:5px; background:url(img/angles_top_events_block.jpg) 0 0 no-repeat; } так же указываю zoom:1; для блока .events_block. в от…

    Asked by amelice,

    0 votes
    4 answers

  10. Не правильно отображается сайт в Mozilla Firefox

    Здраствйте! Помогите пожалуйста. в IE отображает как надо, а в Mozilla Firefox по другому. <html> <head> <style> #container { width: 1000px; heigth: 100%; border: 1px solid red; border-width: 1px 1px 1px 0; } #navigation { width: 200px; height: 100%; float: left; } </style> </head> <body> <div id="container"> <div id="navigation"> </div> </div> </body> </html>

    Asked by alexb,

    0 votes
    3 answers

  11. Не правильно отображается таблица на сайте, как исправить?

    Не правильно отображается таблица на сайте. Данный код добавляю вручную на статистическую страницу сайта. Использую CMS DLE 10.3 Вот как должно быть: А вот как отображает: На статистической странице выставляю Тип текста: Исходный текст HTML без фильтрации и изменений, и пишу код: <table cellspacing="10"> <tr style="background-color: gray; color:white"> <th> Заголовок 1 </th> <th> Заголовок 2 </th> </tr> <tr style="background-color: silver;"> <td> Ячейка 1 </td> <td> Ячейка 2 </td> </tr> <tr style="background-color: silver;"> <td> Ячейка 3 </td> &l…

    Asked by boltuk,

    0 votes
    7 answers

  12. Не правильно отображается шаблон в Мозиле

    Объясните пойжалуста ,почему в Мозиле не показывает шаблон шапку и в правом верхнем углу не отображает картинки? А которые отображает ,они разъехавшие.сайт тут

    Asked by Astoria,

    0 votes
    4 answers

  13. Не правильно отображается.

    Почему у меня правая сторона не в стает так же как и левая?Там видите справа выходит...

    Asked by TrilLiaN,

    0 votes
    10 answers

  14. Не правильно работает меню сайта при адаптации.

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

    Asked by prizrak_62,

    0 votes
    2 answers

  15. не правильно работают слои

    Помогите пожалуйста. Мучаюсь со слоями. У меня есть html <!-- ./skins/tpl/catalogue/unit.tpl begin --> <link type="text/css" rel="stylesheet" href="style.css" /> <div id="unit"> <div id="unit_pic"> </div> <div id="unit_name"> 123 </div> <div id="unit_description"> dfhxnj fkj fykfgj dtjegzdgsd sg sdg hs f hry wdsrh erhv </div> <div id="unit_cost"> cost </div> </div> <!-- ./skins/tpl/catalogue/unit.tpl end --> И есть CSS #unit { height: 100px; width: 500px; border:1px solid; background-color: #FFCC99; } #unit_pic { height: 94px; wi…

    Asked by kent666,

    0 votes
    9 answers

  16. не правильно срабатывает margin

    Всем привет. Ворост довольно таки простой. но все же есть верстка <div class="wrapper"> <div class="header" id="header"> <div class="logotips"></div> <div class="header-right"> <div class="top-menu"> <ul> <li>first</li> <li>second</li> <li>third</li> <li>fourth</li> </ul> </div> <div class="bottom-menu"> <ul> <li>first</li> &lt…

    Asked by kent666,

    0 votes
    3 answers

  17. Не правильное отображение css

    #sddm div a:hover { background: #49A3FF; color: #FFF} .ib, .ib2 {height: inherit;z-index: 1;} .ibt, .ibtl, .ibtr {background: url('/images/ibt.png') top left repeat-x;height: 34px;overflow: hidden;} .ibtl {background-position: bottom left;float: left; width: 14px;} .ibtc {float: left;margin-left: 4px;line-height: 34px;padding-top: 2px;width: 86%;overflow: hidden;} .ibtr {background-position: bottom right;float: right; width: 15px;} .ibtc a.bl, .ibtc a.bl:visited, .ibtc span.bl {border-left: 3px solid #fcbc26;color: #09364c;font-size: 11pt;font-weight:bold;padding-left: 7px;} .ibb, .ibbl, .ibbr {background: url('/images/ibb.png') top left repeat-x;height: 20px;overflo…

    Asked by dukesov,

    0 votes
    10 answers

  18. Не правильное отображение в Chrome

    Здравствуйте. Первый раз столкнулся с ситуации, что в Хроме некорректно отображается страница, то есть в Мозилле, Опере и даже ИЕ всё ОК. а в Хроме нет... Ситуация следующая: <div id="wrapper"> <header id="header"> </div> <nav id="hor_menu"> </nav> </header> <header id="slider"> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div><!--#container--> <aside id="sideRight"> </aside> <aside id="sideLeft"> </aside> </section> </div><!-- #wrappe…

    Asked by param,

    0 votes
    20 answers

  19. Не правильное отображение в IE

    Здравствуйте! Помогите пожалуйста разобраться с вопросом. Сейчас попробую сформулировать. В общем, архитектура сайта такая: Основная часть занимает 800 px (левый сайдбар - 200px, и основная часть 600px). А вот по бокам оставлены колонки, ширина которых не проставлена. То есть задумано так, что 800 px будет по центру, а размеры боковых частей будут формироваться автоматически в зависимости от разрешения экрана. В мозиле и опре всё работает без проблем. А вот IE это судя по всему не понравилось. на форуме нашел несколько похожих проблем, но проблему решить не удалось. Сайт: _www.vel-les.ru. Может кто сталкивался, правда, очень нужна помощь.

    Asked by tishka,

    0 votes
    4 answers

  20. Не правильное отображение на мобильных устройствах

    Добрый день, заметил, что на http://gigaline.com.ua/about.html заходя с мобильного устройства или устройства с маленьким разрешением экрана текст опускается за стиль, где то вниз )) http://gigaline.no-ip.biz/owncloud/public.php?service=files&t=463d8ff3d3a36dad4e93b16ab6305a1c&download подскажите как побороть данную досаду?

    Asked by myr4ik07,

    0 votes
    4 answers

  21. Не правильное отображение новостей в Chrome

    Почему то не правильно отображаются новости

    Asked by krypton,

    0 votes
    1 answer

  22. Не правильное отображение страницы

    При уменьшении ширины страницы, уменьшение блоков быстрее происходит быстрее (тоесть блоки быстрее сужаются и между блоком и границей свободное пространство) при том что width=100% для body и section. В чем может быть проблема? (CSS стили отключал, проблема не исчезала, значит дело в самомо HTML)

    Asked by unicorn,

    0 votes
    1 answer

  23. Не правильный путь к файлу

    Понимаю, что задаю очень глупый вопрос, но я не могу его решить. На сайте есть div с background-image. Путь к файлу прописан в style.css (css файл лежит в отельной папке "сss") и он таков: img/slide.png. К сожалению картинка не отображается, но если просто скопировать картинку в папку css, где лежит файл style.css и изменить путь на: slide.png, то картинка отобразится. Помогите, пожалуйста.

    Asked by faty,

    0 votes
    2 answers

  24. Не прижимается футер

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

    Asked by rilada,

    0 votes
    5 answers

  25. Не применяет стили к кнопке

    Какие компиляторы не пробовал, к кнопке стили не применяются. На сайте есть такая же кнопка, пробовал дать одинаковый класс для кнопок, но тоже не работает. Кто сможет подскажите в чём проблема. Вот оформления секции с кнопкой .mobile background-image: url(../img/app_bg.png) (center / cover) no-repeat .title color: #222222 font-size: 38px font-weight: 700 font-style: normal letter-spacing:і normal text-align: center text-transform: uppercase margin-top: 38px .subtitle color: #222222 font-size: 17px fon…

    Asked by whitegremlin,

    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