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. Не рабоотает padding-bottom при float-left для вложенных дивов. Почему?

    Пример кода как нужно: <!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=windows-1251"> <style type="text/css"> .d1 { width: 500px; border: 1px solid #424142; } .d2 { padding: 10px; } .d3 { width: 100px; background: #999999; } .d4 { float:left; width: 100px; background: #555555; } </style> </head> <body> <div class="d1"> <div class="d2"> <div class="d3"> Блок 1 </div> </div> </div> </body> </html> Только внутри мне нужно вложить …

    Asked by Semreg,

    0 votes
    3 answers

  2. Не работае таблица стилей в IE (в Opera всё работает отлично.)

    Помогите, пожалуйста, решить проблему с таблицами стилей. Есть страница сайта, оформленная при помощи слоёв.При просмотре в Opera, всё работает отлично, но когда смотришь через IE, впечатление, что таблица стилей вообще не подключается и поэтому всё оформление просто "разваливается". С такой проблемой столкнулся впервые, если раньше и возникали проблемы, то это касалось отдельных элементов страницы и устранить проблему не составляло большого труда. Подключаю css <link href="stylecss.css" type="text/css" rel="stylesheet" /> Часть файла css, так задаю стиль для слоя #layer_1 { position:relative; top:105px; left:510px; z-index:1; border:3px solid #70685A; width…

    Asked by slo_nik,

    0 votes
    6 answers

  3. Не работает cellpading

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

    Asked by Garikvoloshin,

    0 votes
    2 answers

  4. Не работает document.location

    Всем привет есть проблема в том что если на сайте списка товаров http://www.adenium.net/oherron.com/web/main/product_listings на одном из товаров кликнуть "Add to cart" то страница с товаром не открывается - эта страница как будто переоткрывается В коде генерится ссылка вида /oherron.com/web/main/view_cart/mode/update/sku/0-8001W-105/product_quantity/1 и выполняется document.location= Url Если же в том списке кликнуть на кнопке "Details" и на ней кликнуть на "Add To Cart" то создается такая же ссылка /oherron.com/web/main/view_cart/mode/update/sku/0-8001W-105/product_quantity/1 и выполняется document.location= Url- и все работает нормально Если первую ссылку…

    Asked by mstdmstd,

    0 votes
    2 answers

  5. Не работает scrollbar

    Ниже есть код который работает только в хроме, а в других нет что делать? ::-webkit-scrollbar { width: 10px} ::-webkit-scrollbar-track { background: #F7F7F7 } ::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background: #DAE1E8; } ::-webkit-scrollbar-thumb:window-inactive { background: #DAE1E8; } ::-webkit-scrollbar-thumb:hover { background: #3d6b92; width:20px}

    Asked by Lozhkaa,

    0 votes
    2 answers

  6. Не работает z-index для блока с position: absolute

    Добрый день! Есть абсолютно позиционированный блок с z-index: <div style="position: absolute; margin-top: -220px; z-index: 200"></div> И есть второй блок, у которого не заданы ни position, ни z-index. И этот второй блок отображается поверх первого. Почему так? Как сделать, чтобы первый отображался поверх второго?

    Asked by Koroed,

    0 votes
    6 answers

  7. Не работает бекграунд в 960 gs

    Здравствуйте! Подскажите пожалуйста... Вот я скачал систему 960 grid, по генератору сделал шаблон 984px, вместо 960. Теперь задаю бекграунд к Body в виде картинки. На обычном шаблоне всё работает, а на 960 grid проблемы... С чем это может быть связано?

    Asked by tigrus2014,

    0 votes
    5 answers

  8. не работает правило атрибута в ие+опера

    Имею выпадающий список, хотел прописать тегу <option> с конкретным значением [value=1_1] display:none; в css что бы убрать его визуально, однако, не все браузеры отрабатывают правило, опера 11,1 + осел 8 игнорируют, я и так и сяк изгалялся, пробовал атрибут по разному прописать: #ja_extrafields option[value=1_1] в css{display:none;} так же пробовал не использовать знаков равно и скобок, почему данные браузеры не правильно отрабатывают правило, или, может быть, у меня ошибка закралась? Нуждаюсь в Вашем совете! <div id="ja_extrafields" <select onchange="load_extrafields(this.value,"mod_ja_group_")" size="1" style="width: 95%;" class="inputbox" id="catid" …

    Asked by xlife,

    0 votes
    2 answers

  9. Не работает :hover

    Суть в заголовке. Внутри блока с position: fixed лежит три дива с одинаковым классом. Все стили применяются адекватно, но если попробовать изменить стиль блока при наведении мышки ничего не получается. Забавно, что псевдоклассы вроде :first-child работают. Почему не получается изменить стиль элемента при наведении мыши? UPD: Проблема решена самостоятельно.

    Asked by novickOk,

    0 votes
    2 answers

  10. Не работает :hover+

    Помогите с проблемой. Есть один большой блок с классом "list", внутри которого должна отображаться информация с помощью блока "mininfo". Задача: сделать так, чтобы при наведении на любую область блока "list" появлялся блок "maxinfo", в котором будет отображена более полная информация. Пытаюсь реализовать это через изначальное значение 0 параметра "opacity" в блоке "maxinfo" и стиля .list:hover+.maxinfo, который даст при наведении "opacity: 1". При наведении на блок "list" ничего не происходит. Но, когда я проделываю то же самое с блоком "mininfo" (.mininfo:hover+.maxinfo) - все работает отлично. После почти суток проб и ошибок, пришел к выводу, что такое вероятнее вс…

    Asked by theBork,

    0 votes
    1 answer

  11. Не работает :nth-child

    <div class="box-two"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </div> .box-two:nth-child(2n) { color: red; } Ни в какую не хочет работать, браузер chrome, редактор brackets. First-child и last-child тоже не работают, что может быть не так?

    Asked by Alex.a,

    0 votes
    2 answers

  12. не работает .append

    помогите пожалуйста понять почему на этой странице скрипт(строки 44-55) не вставляет тэг <link> в блок head или .wrap , но в то же время успешно вставляет тэг <b>в .menuT

    Asked by cyklop77,

    0 votes
    0 answers

  13. Не работает 'background-color' у Div'а

    Необходимо чтобы отображался фоновый цвет, у Div'а (id="1") в который вложено еще два Div'а (id="a" и id="b") с плавающей высотой (блог и сайдбар). html <div id="1" > <div id="a" > </div> <div id="b" > </div> </div> css #1 { background-color: #e8e8e8; } При таком коде, цвет не отображается. Если задать цвет отдельно для #a и #b, то, поскольку они постоянно разной длинны, окрашивается не вся область #1. P.S. Решение через таблицу принципиально не хочу. Но можно php.

    Asked by eniks,

    0 votes
    6 answers

  14. Не работает "Enter" Internet Explorer

    Не могу понять, почему в эксплорере не работает кнопка "Enter" при заполнении формы. Отправлять запрос приходится нажатием на кнопку мышкой. Хотя в Опере или Файрфоксе все нормально. <form action='poisk.php' method=POST> <table border='0' align='center'><tr><td><input name='kod' type='text' value='' MAXLENGTH='50'> </td> <td><input type='submit' name='submit' value=' поиск '></td></tr></table> </form> Что я не так сделал? UP. ссылка - http://autopremium.com.ua/poisk.php (за другое не пинать, пока интересует только эта проблема )

    Asked by vvm,

    0 votes
    8 answers

  15. Не работает "position: sticky"

    На сайте есть главное меню (где полоса поиска по сайту) и оно должно прилипать к экрану при прокрутке страницы. В HTML-файле на компьютере это работает, но на хостинге перестает, хотя это просто вёрстка. HTML: ... <body> <div class="box box-top sticky"> <div class="container"> <div class="menu_main"> ... </div> </div> </div> </body> ... CSS: .sticky { position: sticky; top: 0; z-index: 11000; }

    Asked by iBars,

    0 votes
    2 answers

  16. Не работает {text-shadow:} вIE

    Здравствуйте. Не работает такой вот класс в ИЕ. Чем можно заменить? Спасибо. text-shadow: 0 2px 0 #000000;

    Asked by PREDATORik,

    0 votes
    6 answers

  17. Не работает @font-family

    Попробовала использовать подключение нестандартных шрифтов через @font-family, но ничего не получилось. Экспериментировала с разными вариантами шрифтов. Несколько качала с fontov.net и еще один взяла из встроенных по умолчанию в Photoshop. Вопрос заключается в следующем, какие могут причины нерабочести? Ни в одном браузере (Opera, Firefox, Google Chrome) изменения не отображаются. Текст, к которому применяю @font-family, вообще не отображается либо отобржается стандартным (кажется, это Arial). Кто-нибудь сталкивался с подобным? Может дать совет какой-нибудь или объяснить, в чем может быть проблема? Да, кстати, вес шрифта не более 70КБ был, формат ttf, кириллицу поддержив…

    Asked by yatsan,

    0 votes
    10 answers

  18. Не работает <audio>

    Вряд ли это проблема вёрстки, но я не знаю, куда ещё написать. Пробую добавить на страницу звук с помощью <audio>. В Firefox работает, а в Opera нет. Нет звука в Opera 36.0 для Windows и Opera 47 для Андроид. Добавил controls - плеер появился, но кнопки неактивны. Испробовал все возможные варианты синтаксиса - нет звука, хоть тресни. Хотя на других сервисах типа Youtube звук в Opera есть. Давал слушать другим людям - у большинства звука нет, но опроса насчёт браузеров не проводил. Ссылка

    Asked by Pinguin,

    0 votes
    2 answers

  19. Не работает <div>

    Я только изучаю html и css и у меня вот такая проблема: посмотрите пожалуйста в чём проблема такое уже не в первый раз https://jsfiddle.net/fanat1k/moocktzv/

    Asked by fanat1k,

    0 votes
    4 answers

  20. Не работает <map> в XHTML 1.1

    Потребовалось сделать карту-изображение... вот код: <img src="images/header.gif" width="999" height="222" alt="" usemap="#header_map" /> <map name="header_map"> <area shape="rect" coords="78,45,312,119" href="#" alt="" /> <area shape="poly" coords="670,87,719,78,727,123,677,130" href="#" alt="" /> <area shape="poly" coords="776,124,818,152,793,189,751,160" href="#" alt="" /> <area shape="poly" coords="834,52,885,61,878,105,828,96" href="#" alt="" /> </map> Так как использую XHTML 1.1, то код в этом виде не проходит валидацию. Для валидации убираю "#" из usemap и меняю "name" на id, как это требует стандарт. Результат: ни в одном …

    Asked by RulezZz,

    0 votes
    5 answers

  21. Не работает 3D тур на Сафари (мобильной версии)

    По какой-то причине флеш-3Д тур не грузится на Сафари 5 версии (мобильная версия) на IPhone. Причем на Сафари 5 для ПК все работает. Никак не могу найти причину. Ошибок не выдает, просто грузится страница без ролика (3Д тура). Не могу также найти эмуляторов, чтобы проверять заработает или нет... Может кто-то может подсказать причину и сталкивались с подобным? hxxp://салон-успех.рф/interier.html

    Asked by dess81,

    0 votes
    1 answer

  22. Не работает a:active в IE8?

    Точнее не хочет работать так как во всех остальных браузерах. Ситуация вот какая. Значит у меня есть такого плана код: <a class="tovar" href="#"><img src="../images.jpg" alt="Люблю я ИЕ" /></a> Ситуация следующая. Моя картинка имеет размер 100х100 пикселей. Я присваиваю для тега "а" display:block; и задаю ему размеры width:100px; height:100px; В общем, имею внутри блока "а" картинку такого же размера. Ну и скажем хочу, чтобы при ситуации клика у меня вокруг блока "а" появился бордер. Пишу: a:active.tovar {border:1px solid #000;} И что я имею? Блин, все браузеры нормально работают, а новый мега-продвинутый ИЕ8 не работает. Причём, причина его отказа заклю…

    Asked by Belovsan,

    0 votes
    13 answers

  23. Не работает a:active хотя вроде все учел!

    HTML: <div id="menu1" class="left"><a href="index.php"></a></div> CSS: #menu1 a { display: block; height: 20px; width: 59px; background: url("images/menu1.jpg") 0 0 no-repeat; } #menu1 a:hover { background: url("images/menu1.jpg") -59px 0 no-repeat; } #menu1 a:active { background: url("images/menu1.jpg") -118px 0 no-repeat; } Все прекрасно, только a:active не срабатывает! Что может быть? Если рассуждать, что дело в a:visited, то вроде как это описано тут: #menu1 a {...} и к тому же a:active сидит ниже всех... Затем попробовал так: #menu1 a { display: block; height: 20px; width: 59px; background: url("images/menu1.jpg") 0 0 no-re…

    Asked by kireyev,

    0 votes
    16 answers

  24. не работает after

    не работает данный, код не могу понять почему .beforeLoad { position:absolute; top:0; left:0; width: 100%; height: 100%; background-color:#000; opacity:.3; } .beforeLoad::after { content:''; background-image:url(img/287.gif); margin: 25% auto; width: 150px; height:150px; } помогите плизз

    Asked by cyber_ua,

    0 votes
    5 answers

  25. не работает align

    В одном из тегов значение align="center" действует только в самом файле, а если выношу в CSS, то как будто его и нет. Отчего это может быть?

    Asked by anvash,

    0 votes
    3 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