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. Странная работа JS

    Доброго времени суток, форумчане! Столкнулся со следующей проблемой, а скорее вопросом к опытным разработчикам. Сам вопрос в том, что я не могу понять почему так работает: <!DOCTYPE HTML> <html> <head> </head> <body> <main> </main> <script> var body = document.body; var main = document.getElementsByTagName("main")[0]; main.innerHTML += "Hello"; body.innerHTML += "World!"; </script> </body> </html> А так нет: <!DOCTYPE HTML> <html> <head> </head> <body> <main> </main> <script> var b…

    Asked by TANDEROID,

    0 votes
    4 answers

  2. Странная форма картинки

    Собственно такая вот проблема, поискав час решений, понял что сам не справлюсь, нужно решение вот такой задачи. Есть картинка http://savepic.su/3458647.png Она уже обрезанная, она кликабельная, их несколько, нужно "обрезать" границы ссылки, чтобы другим ссылкам проблем не доставило, друг на друга накладывать не вариант, спасибо за любую помощь.

    Asked by Struggle,

    0 votes
    7 answers

  3. странная ширина границы у дива

    https://jsfiddle.net/tbp4kc68/ 2 последних дива правая граница уже чем у 2 первых дива если поставить ширину #content 958px тогда ширина выравнивается что за магия? как сделать постоянную ширину?

    Asked by https,

    0 votes
    1 answer

  4. страннно поведение li

    привет! снова с вами http://albione.undersite.ru/quelity.html при наводе на КАЧЕСТВО свеху меню, выпадает подменю в виде ul ну вобчем не понятно почему оно обрубается наполовине, то есть там в подменю 3 пункта а показывается только 2, словно там стоит overflow: hidden с фиксированной высотой, но там ничего такого нет. окромя там стоит для верхних пунктов кьюфон, а сам плагин выпадения менюхи - superfish. помогите плиз!

    Asked by TonKhaO,

    0 votes
    7 answers

  5. Странно себя ведет position: fixed

    Проблема с фиксацией картинки background:url(../images/bgshowk2.jpg) center top no-repeat fixed;min-height:50px;background-size: cover;padding:340px 0px 0px; Посмотреть можно на главной странице http://decor-holyday.ru В FireFox все, как надо, а в Chrome (Версия 45.0.2454.85 m) косяки. Просьба к форумчанам помочь, где я туплю... Заранее благодарен за ответы

    Asked by inter1c,

    0 votes
    5 answers

  6. Странное клонирование заголовка

    Есть таблица <table id="ComparisonTable"> <thead id="CompTableHeader"> <tr>.....</tr> <tr>.....</tr> <tr>.....</tr> </thead> <tbody> ..... </tbody> </table> Есть JavaScript, с помощью которого я создаю таблицу с дубликатом заголовка и вставляю её перед основной таблицей: function createFixedTableHeader() { var table = document.getElementById("ComparisonTable"); var thead = document.getElementById("CompTableHeader"); if ((table)&&(thead)) { var ht = document.createElement("table"); ht.id = "HeaderTable"; ht.className = table.className; ht.appendChild(thead.cloneNode(true)); //ht.i…

    Asked by Webr,

    0 votes
    1 answer

  7. Странное отображение

    Всем привет! У меня странная ситуация, переделал свой сайт - http://vs-aqua.ru/ На компьютере отображение супер, а вот если открыть на айпаде, то весь сайт съезжает влево и сбоку остается свободное место, причем если крутить айпад и сайт должен перевернуться - ему пофиг. Когда вставлял в шапку всякую штуку - у меня появился скролл - убрал его с помощью тега: overflow-x: hidden; body { margin: 0px; padding: 0px; border: 0px; background:#E6E6E6; overflow-x: hidden; Подскажите что не так я сделал? и как можно если что убрать этот скролл без этого тега.

    Asked by ZFJoury,

    0 votes
    6 answers

  8. Странное отображение вложенных контейнеров

    По чему то внутренние контейнеры вылазят за пределы внешних, не "растягивая" их. От чего это и как исправить? Исходники тута

    Asked by Tmin10,

    0 votes
    5 answers

  9. Странное отображение выпадающего меню

    Подскажите кто-нибудь пожалуйста. Почему у меня на сайте nala.net.ru (открывайте в IE) выпадающее меню появляется под контекстной рекламой Google, а в Опере ,к приеру, все ок. И как это исправить ?

    Asked by KABAL64,

    0 votes
    2 answers

  10. Странное отображении текста в поле формы в Firefox

    Здравствуйте! Не сталкивался ли кто со странностью в FF, когда текст в поле при заданных размерах шрифта и ширины поля не умещается в видимой части поля ? Вот страница, которая корректно отображается в FF, IE6+, Хром 7, Сафари 4, Опера 10: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>input test</title> <style type="text/css"> #date1, #date2 { font-family: Arial, sans-serif; font-size:12px; width:64px; padding:0; margin:0; bo…

    Asked by clock,

    0 votes
    2 answers

  11. Странное поведение :active в IE

    Добрый день! Вопрос следующий. Есть на странице элемент с псевдоклассом active, при клике на этом элементе должен меняться например цвет фона. Во всех браузерах все работает хорошо, однако в IE всех версий :active срабатывает через раз, т.е. фон сменился, на следующем клике фон элемента не меняется. Т.е. :active срабатывает через раз. Причем onclick срабатывает исправно, на каждом клике. Предложите пожалуйста решение, можно на JS, или подскажите, куда копать..

    Asked by sond1k,

    0 votes
    2 answers

  12. Странное поведение <img src = "*путь к файлу*">

    Доброго времени суток. Стоит задача отобразить в браузере выбранный docx документ. После выбора документа, docx автоматически преобразуется в html, этот html вставляется в код страницы и все это отображается пользователю. При преобразовании все картинки docx-документа выносятся в отдельные файлы, в html ставятся в нужных местах ссылки на картинки. При отображении полученной страницы картинки не показываются, только их рамки с заданными размерами, как-будто на них даны битые ссылки. Хром при попытке "открыть картинку в новой вкладке" открывает "about:blank". При этом при просмотре кода страницы пути к картинкам верные, файлы точно на месте. Если скопировать путь из кода с…

    Asked by itisme,

    0 votes
    2 answers

  13. Странное поведение after в ie

    В ие разных версий у формы, которой сделана тень через псевдоэлемент - наблюдается странный эффект. Тень скачет - то на месте, то вниз (при прокрутке), то на место становится, то уходит куда-то. Непонятно, почему. В других браузерах все нормально. сам сайт http://zverushka.zz.mu/water/ Cам стиль тени задан так :after { position: absolute; content: ""; display: block; top: 100%; left: 0; background: url("../img/form-shadow-green.png"); width: 300px; height: 240px; z-index: -1; }

    Asked by Zverushka,

    0 votes
    13 answers

  14. Странное поведение DIV при убирании BORDER

    Добрый день уважаемые, столкнулся с непонятно й для меня дилемой. Ниже привожу html и css. На всякий вот прямая ссылка http://shinoda.ru/what_the_fuck/default1.htm Проблема в следующем, в диве с айди header1 когда стоит однопиксельная рамка вокруг блока, ну то есть border: 1px solid "color" - вобчем блок отображается на своем законном месте без каких либо отсутпов, НО если я уберу из #header1 рамку, то чото происходит непонятное, словно у него (header1) появляется верхний марджин. Кто нить сталкивался с подобным??? Скрины в приложении :-) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <h…

    Asked by TonKhaO,

    0 votes
    3 answers

  15. странное поведение FF

    В ИЕ все как надо, а в ФФ только при выделении текста: тут.

    Asked by allod21,

    0 votes
    7 answers

  16. Странное поведение hover в хроме

    Проблема следующая. При наведении на пункт меню "Услуги" в мазиле выпадает меню второго уровня с перечнем услуг, собственно как и должно. А при наведении на этот же пункт меню в хроме, меню второго уровня так же появляется, но при попытке наведения на одну из услуг меню исчезает. В чем тут проблема? Почему эффект hover пропадает в хроме, а в мазиле работает? Вот сайт: http://www.gruzchiki-tver.ru

    Asked by Akkord87,

    0 votes
    2 answers

  17. Странное поведение ie6

    Первый раз столкнулся с таким странным багом IE6. Есть трёхколоночная вёрстка. Но левый столбец при загрузке встаёт левее, чем нужно. При наведении на ссылку в этом столбце - он возвращается на место. При этом hover стили вообще ни каким образом не трогают позиционирование. Собственно сама вёрстка: http://home.cyxapeff.org/work/nail/ Буду очень благодарен хотя бы за подсказку куда копать.

    Asked by cyxapeff,

    0 votes
    9 answers

  18. Странное поведение input type checkbox

    Собственно сабж. http://alpentours.ee/resys/index.php/ru/enquiry/tour проблема такая что ни как не пойму что у меня чек боксы так странно выглядят. Зарание спасибо.

    Asked by Primefit,

    0 votes
    4 answers

  19. Странное поведение margn-top в FF

    Столкнулся с проблемой позиционирования блоков в Огнелисе 3.5.1. (в опере и ослике нормально) Приведу код для примера: <body> <div style="background:#999999; width:500px; height:300px;"> <div style="background:#009966; width:100px; height:100px; position:relative; margin-top:15px;"></div> <div style="background:#000000; width:100px; height:100px; position:relative; left:150px; margin-top:-50px;"></div> <div style="background:#ffffff; width:100px; height:100px; position:relative; margin-left:300px;"></div> </div> <div style="background:#ff9999; width:500px; height:300px;"> <div style="background:#009966; widt…

    Asked by L0k!,

    0 votes
    3 answers

  20. странное поведение padding

    Html код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Axit</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="bg_h"> <header> <a href="index.html" > <img src="img/logo.png"></a> <ul class="sidebar_head"> <li><a href="">Features</a></li> <li><a href="">About</a></li> <li><a href="">Pricing</a></li> <li><a href=""&g…

    Asked by Toxa404,

    0 votes
    1 answer

  21. Странное поведение z-index

    Сверстал попап http://jsfiddle.net/pbhAb/ Делаю так: затемняющая подложка <div class="popup_overlay"> и внутри нее сам попап <div class="popup"> В итоге, подложка, почему-то затемняет мой попап, но по логие это не возможно. У подложки z-index: 100, а у попапа z-index: 101. Если подложку и попап сделать элемнтами-соседями, то тогда всё в порядке <div class="popup_overlay"></div> <div class="popup"></div> 1) Почему это происходит? 2) Зачем вы поставили дефолтный скин ИПБ? Он ведь не торт(

    Asked by Evkaky,

    0 votes
    1 answer

  22. Странное поведение отступов...

    <html> <head> <style type="text/css"> body { margin: 0; padding: 0; background: #e5e4e4; } #body { background: #fff; } #head { height: 137px; } #logo { margin-top: 34px; } </style> </head> <body> <div id="body"> <div id="head"> <div id="logo"><a href="#"><img src="logo.gif" width="165" height="69" border="0"></a></div> </div> </div> </body> </html> Хочу отодвинуть логотип (id="logo") от верхнего края шапки (id="head"). Для этого задаю стиль #logo { margin-top: 34px; }. В IE все нормально, а вот в FF, вместо того, чтобы отоднинуться логотипу от края шапки, отодвигается…

    Asked by ZooY,

    0 votes
    6 answers

  23. Странное поведение ссылок

    Делаю красивое выделение ссылок при наведении курсора (при наведении курсора мыши ссылка выделяется синим блоком). Вот пример: http://jsfiddle.net/x75PL/ Выделение блоком срабатывает только при наведении на блок с ссылкой - так и надо. Проблема в том, что ссылка срабатывает и при наведении вне приделов блоков - по всей ширине страницы. Почему так происходит. Как сделать что бы ссылка срабатывала только при наведении на блок (который выделяется синим - link 1 и link 2 из примера), или при наведении на текст (link 3 из примера).

    Asked by alleclf,

    0 votes
    7 answers

  24. странное поведение таблиц в IE

    Есть вот такой незамысловатый код: <html> <head> </head> <body> <table cellpadding=0 cellspacing=0 style="width:100%"> <tr> <td colspan=3 style="background:#E8E8FF; height:200px;"> <table cellpadding=0 cellspacing=0 style="width:100%" border=1> <tr> <td style="width:310px;">310px</td> <td></td> <td style="width:310px;">310px</td> </tr> </table> </td> </tr> <tr> <td style="width:200px; background:#23AE0A;">200px </td> <td > </td> <td style="width:200px; background:#18B6F1;">200px &lt…

    Asked by L0k!,

    0 votes
    5 answers

  25. Странное поведение тега div

    Вот какое дело, не пойму поведение дива, что такое присходит, а картина следующая, щас изображу схематически <div class="content"></div> <div class="div.doska_menu"></div> <div class="menu_temp">Какой-то текст</div> div.doska_menu { width:400px; height:400px; margin-top: 10px; margin-left: 0px; padding: 0px; float:left; background-image:url(../images/doska_menu.png); background-repeat:no-repeat; border:3px solid black; } div.content { height:90%; min-height:200px; padding:0px; width:800px; margin-left:420px; margin-top:10px; border:3px solid black; } div.menu_temp { width:400px; height:400px; margin: 0px; padding: 0px; background…

    Asked by SnowWind,

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