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. Не работает transition opacity on pseudo-element

    Здравствуйте! Столкнулся с проблемой в Chrome 53 - не работает transition для opacity на псевдо-элементе. При этом в перечисленных браузерах эффект работает как нужно IE 10, 11, Opera 38, Firefox 47. Сайт на котором возникла проблема, кнопка "Get started" должна меняться. Воспроизведение проблемы https://jsfiddle.net/mikoart/foqLwnf5/ Это особенность Chrome или я что-то не так делаю?

    Asked by mikoart,

    0 votes
    2 answers

  2. Не работает transition при drop&down Меню.

    C transition ами раньше не сталкивался. Помогите пожалуйста делать плавного появления блока при наведении на меню "Мой аккаунт" Спасибо. http://jsfiddle.net/parnas/pZuG5/

    Asked by parnas,

    0 votes
    11 answers

  3. Не работает vertical align в ИЕ 9

    Сайт: http://vhost-2549-1.hosting-service.in.ua/ В хедере справа от лого блок навигации. Во всех браузерах работает нормально, но в ИЕ ведёт себя не адекватно, текст ползёт вверх. Вот код: <div id="menu" class="floatR"> <table> <tr> <td><a href="http://localhost/dle/news/" title="Новости">Новости</a></td> <td>|</td> <td><a href="http://localhost/dle/articles/" title="Статьи">Статьи</a></td> <td>|</td> <td><a href="http://localhost/dle/advises/" title="Советы">Советы</a></td> <td>|</td> <td>&lt…

    Asked by Vlad_kot,

    0 votes
    2 answers

  4. Не работает vertical-align

    Здравствуйте! Столкнулся с такой проблемой: vertical-align отказывается работать - при установке значения "middle" выравнивает по верхнему краю, не могу понять почему... Возможно, сталкивался кто-то? HTML: <div id="menu"> <a title="Главная страница" href="http://www.torawhite.ru/" target="_self" id="home"></a> <a href="#" target="_self" id="magazine">ЖУРНАЛ</a> <a href="#" target="_self" id="market">МАРКЕТ</a> <a href="#" target="_self" id="more">ЕЩЕ</a> </div> CSS: #menu { position: absolute; height: 30px; width: 268px; bottom: 5px; left: 0px; } #men…

    Asked by Torawhite,

    0 votes
    4 answers

  5. Не работает white-space: nowrap

    Здравствуйте, помогите пожалуйста. В общем, есть вот такой кусок кода: <table> <tr> <td class="lefter">Теги</td> <td class="sports"> <div class="word"> <div class="floatL"><input type="checkbox" id="chk1" /></div> <div class="floatL"><label for="chk1">Слово тег</label></div> </div> <div class="word"> <div class="floatL"><input type="checkbox" id="chk2" /></div> <div class="floatL"><label for="chk2">Слово тег</label></div> </div> </td> </tr> </table> вот кусок css: ta…

    Asked by milax,

    0 votes
    5 answers

  6. Не работает width для img

    IE не хочет реагировать на то, что ширина картинки 100%, не смотря на то, что ширина внешнего элемента тоже 100%, да и вообще все выглядит правильным. Как быть? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> </title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <img src="images/top_back_new.jpg" width="100%"> </td> </table> </td> </tr> <td> </td> <td> &l…

    Asked by ivan_t_b,

    0 votes
    5 answers

  7. Не работает width: 100% и margin: 0 auto на ios

    http://nargilia.pavelzheglov.ru/ Впервые столкнулся с такой проблемой, даже не могу четко выявить суть, чтобы гуглу задать вопрос.

    Asked by Jackky,

    0 votes
    1 answer

  8. Не работает word-spacing в Хроме

    переустановил хром. Перестало работать сss свойство word-spacing. В остольных браузерах все норм і в старом до переустановки работало. Подкажте пожалуйста в чем дело!!!

    Asked by Ali_99,

    0 votes
    0 answers

  9. не работает z-index

    пытаюсь нарисовать вот такое - на фоне полупрозрачного заднего фона из нескольких дивов, должен выплыть #box, где-то над div4-div6 он СНОСИТ ВНИЗ дивы, куда бы я не прилепила #box, и чем только я его не пробовала, что делать? тестю в мазиле <style> #column0 {position:relative; z-index:1} #app { overflow: hidden; z-index:2; position:relative;} .d1 { float: left; width: 32%; z-index:2; position:relative; padding: 5px 7px; text-align:center; margin: 5px auto; line-height: 1.2; text-shadow: -1px -1px #666, 1px 1px #FFF; font-family: verdana,arial,sans-serif; font-size:14px; color:darkblue; } .d2 { margin-left: 34%; z-index:2; position:relative;} .d3 { floa…

    Asked by ыра,

    0 votes
    6 answers

  10. Не работает z-index

    Есть три картинки, для каждой в стилях установлен свой z-index. При наведении мыши на изображение оно должно всплывать выше всех остальных, а вокруг него появляться другая рамка. Далее идет код. Рамка меняется, но изображение "не всплывает" относительно других. Т.е. при наведении мыши z-index не меняется. В чем дело? <!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=utf-8" /> <title>z-index</title> <style type="text/css"> .card { position: relative; }…

    Asked by ListOFF,

    0 votes
    5 answers

  11. Не работает z-index

    Народ, всем привет! Есть сайт: http://handmademania.ru/b2b/ Щелкаем пункт верхнего меню "Расчёт заказа". Нас прокручивает вниз к анкете. Так вот, в ячейке "Мастер-классы, которые вы выбрали" я сделал список с мультивыбором. Проблема в том, что список большой,и он пересекается с кнопкой "Отправить". А если надо выбрать элемент списка, который на одном уровне с кнопкой, то кнопка становится на переднем плане, а мне надо, чтобы на переднем плане был выпадающий список. С z-index пробовал - не помогло, Пробовал z-index вместе с position:relative и без, но пока безрезультатно (( Помогите пожалуйста, кто может. Скриншот по ссылке: Скриншот.

    Asked by fenix_63,

    0 votes
    2 answers

  12. Не работает z-index

    Всем привет! Народ, есть у меня страничка: Страница . Там есть раздел "История компании". Там слайдер. У этого слайдера есть "пагинатор" - кругляши для перехода между стлайдами. Мне надо между этими кругляшами линию красную разместить, да так, чтобы линия была на заднем плане, а сами кругляши - на переднем. Как я только с z-index не игрался, не помогает. И позиционировать пробовал, и opacity менять пробовал, всё никак не могу это сделать. Народ, кто знает, помогите пожалуйста.

    Asked by fenix_63,

    0 votes
    2 answers

  13. Не работает адаптация на мобильном

    подскажите в чем ошибка, медиа запросы на экране браузера работают, а на самом мобильном устройстве нет. Весь сайт поломан. Вот так выглядит head <!DOCTYPE HTML> <html> <head> <meta http-equiv="Выберите расширение для паковки" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content=" бизнес в интернете, онлайн бизнес, запуск бизнеса в интернете, онлайн предприниматель, пошаговая система, МЛМ в интернете"> <meta name="description" content="Бесплатный ПДФ пошаговая инструкция запуска бизнеса в интернете"> <link href="style.css" type="text/cs…

    Asked by Шараг Роман Леонидович,

    0 votes
    3 answers

  14. не работает анимация картинки

    .start-play { width:544px; margin-left:13px; height:126px; background:url('../images/banner-big.gif') no-repeat; } .start-play:after { content:""; clear:both; display:block; } как исправить?

    Asked by surfman,

    0 votes
    1 answer

  15. Не работает анимация кнопки

    Привет, http://clevertrans.ru у кнопки заказать звонок есть анимация,я скопировал код этой кнопки, скопировал код скриптов на свой шаблон, но почему то эта анимация у меня не работает, в чем причина? animate css и js код с того сайта тоже вставил, все равно никак

    Asked by exoty,

    0 votes
    0 answers

  16. Не работает атрибут width в ячейке таблицы. Почему?

    Всем привет ) Пишу скрипт для закрепления строк и столбцов в таблице. Столкнулся с проблемой: значение width атрибута style тега td работает не так, как я того ожидал. Почему и как это исправить? Вся относящаяся к проблеме информация отражена на скрине. в коде html прописано <td style="width: 263px">, а по факту 247px UPD: моих скудных знаний не в верстке хватает, чтобы решить проблему UPD2: всем помогающим спасибо и + к карме

    Asked by nerv,

    0 votes
    3 answers

  17. Не работает бекграунд в ie6

    Здравствуйте уважаемые, помогите пожалуйста разобраться с проблемой, которая возникает пр просмотре веб-страницы через браузер ie6. У веб-страницы не работает бекграунд, вод пример цсс кода для боди: Body { font:; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 76.1%; color: #ffffff; background-color: #000000; background-image: url(../img/pronto_bgrd.gif); background-repeat: no-repeat ; background-position: top center; }

    Asked by misha_evro,

    0 votes
    17 answers

  18. Не работает буква "б" в хроме при вводе тегов с фронта

    Здравствуйте. Возникла интересная проблема. В хроме при вводе тегов на странице не вводится буква "б". Ведёт себя как enter. http://joxi.ru/L21jZw0Sk6dOAX Везде всё хорошо. Буду рада, если кто-то подскажет

    Asked by kattiperk,

    0 votes
    3 answers

  19. Не Работает В Ie ) Помоги

    Всем здравствуйте! Не очень долго работаю с html но опыт кое какой есть....однако не могу понять причину по которой моя заготовка к сайту не работает в Експлорере )Естественно в Мозиле все ок) Есть подозрения что все достаточно дебильно и банально(вроде пропущенного div) однако самому разобраться не получилось(валидатор тоже промолчал) потому прошу у вас помощи в этом не легком деле) html и css разжевал на сколько смог и засунул на одну страничку) Если поможете буду очень очень благодарен! И так вот оно: http://ganja-cod.clan.su/sitetest/mainpage.html Заранее спасибо! ЗЫ из "Помогите" в заголовке почему-то две последние буквы вырезались) я не знаю почему)

    Asked by htmlboy,

    0 votes
    4 answers

  20. Не работает в IE. Можно ли исправить?

    Здравствуйте. Запускаю сайт на WP. Очень понравилась тема iNoereN (http://www.inoeren.com/), хотел ее использовать для создания блога, но... В правом верхнем углу в сайдебаре есть переключающийся блок, который не хочет работать в "любимом" браузере IE. Подскажите пожалуйста, возможно ли это исправить?

    Asked by litrub,

    0 votes
    2 answers

  21. Не работает в IE6 но работает в IE Почему?

    Приветствую Помогите пожалуйста Создал страничку сайта в дивах CSS2 + HTML 4.0 Валидацию проходит Корректно отображаться в IE7 но совершенный бред получается в IE6 В чем загвоздка CSS /* общие установки */ html { margin: 0; padding: 0; } body { font: 75% georgia, sans-serif; line-height: 1.88889; color: #555753; background-image:url(body_bg.gif); margin: 0; padding: 0; text-align:center; } p { margin-top: 0; text-align: justify; } /* span в заголовках невидимы для пользователя, но значимы для поисковых машин сами заголовки представлены картинками */ h1, h2, h3 span { display:none; } /* отступ блоков */ h3 { height:39px; margin:0; padding:…

    Asked by Lukasus,

    0 votes
    3 answers

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

    Ув. форумчане! Искренне надеюсь на вашу помощь в решении не самой сложной проблемы. На некоторых мобильных устройствах не работает вертикальный скрол странички. На пк все работает (если уменьшить ширину браузера), не работает именно на мобильных устройствах. Самостоятельно решить проблему не удалось, гугл не помог. Ссылка https://test.5shoes.com.ua/3/index.html Если у вас помещается вся страница на экране, то нажмите *контакты* там точно ничего не будет работать =) Заранее спасибо за помощь! Всем добра.

    Asked by 7armani7,

    0 votes
    1 answer

  23. Не работает виджет в блоге

    Виджет последних тем в блоге имеет такой код: <span style="font-family:georgia;"><span style="font-size:105%;"><script type="text/javascript"> //<![CDATA[ function showrecentcomments(json) { var numcomments = 5; var showcommentdate = true; var showposttitle = false; var numchars = 130; for (var i = 0; i < numcomments; i++) { var entry = json.feed.entry[i]; var alturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } alturl = alturl.replace("#", "#comment-"); var postlink = alturl.split("#"); p…

    Asked by virgin,

    0 votes
    0 answers

  24. Не работает внешний CSS

    Сервак Денвер 3. ОС - Windows 7. Когда прописываю стиль непосредственно на странице всё нормально, а внешняя таблица не работает. Я в CSS абсолютно не разбираюсь, но чтобы разобраться необходимо что-бы он хотя бы как то работал. Помогите плиз. Вот упрощённый код страницы и таблицы стилей. Страница: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel=”stylesheet” type=”text/css” href=”http://bookinist.b13.su/html/w.css”> </head> <body> <p>lkdfjglsd</p> </body> </html> Таблица: body {background-color: red;} p{color: green;}

    Asked by vamfirius,

    0 votes
    3 answers

  25. Не работает внутренний отступ в верстки. Моих знаний недостаточно для решение этой проблемы, надеюсь на вашу помощью.

    Моих знаний недостаточно для решение этой проблемы, надеюсь на вашу помощью. Как можно было нагуглить, какие еще недочеты в моём коде ? index.html style.css

    Asked by Sergei.Nert,

    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