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. Проблема с jQuery AJAX Form

    Непонятно почему не работает скрипт аякс-отправки формы - все равно редиректит на страницу-обработчик, заданную в html коде формы. На сайте, откуда я копировал код - все нормально! Хотя ведь просто копировал его!. И причем сам когда то писал. Сравните и подскажите в чем проблема: http://webdev-smirnoff.simpohost.com - вот где не отключется переход формы на страницу-обработчик http://smirnoff.ho.ua/maksioil/ - тестовый сайт, где все работает и откуда копировал ранее написанный код. UPD: Заметил где кроется баг: если форма инклудится через аякс меню то она не пашет ,а если она строго в хтмл код инклудится ручками, например вместо главной, то все ок.

    Asked by DartBein,

    0 votes
    0 answers

  2. Проблема с jQuery Corner

    Мне было нужно скруглить угли ,в ксс 3 не кроусбраузерно ,картинка там неподходит.Решил использовать jQuery Corner. сделал страницу с блоком и черним бекграундом но скрипт неработает ,в чем проблема http://img401.imageshack.us/img401/2259/14473946.png <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Free</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="http://www.linkexchanger.su/example_jquery/js/jquery.corner.…

    Asked by Mr.Black,

    0 votes
    5 answers

  3. Проблема с jQuery Masked Input

    При вводе телефона на самсунге планшете, цифры мешаются, задом наперед все, каша, на всех остальных устройствах все нормально. Скрипт к сообщению прикрепил. <input type="text" name="USER_PHONE" class="phone" value=""> Как можно вылечить данный баг? jquery.maskedinput.min.js

    Asked by okunev2,

    0 votes
    0 answers

  4. проблема с jqueryValidate

    помогите пожалуйста решить проблему с плагином jquery validate на странице есть 2 формы, каждую из них я проверяю этим плагином примерно так: (function (){ // ————————————————————————————-- auth $.validator.setDefaults({ submitHandler: function() { console.log('com'); } }); $().ready(function() { $("#authForm").validate({ rules: { username: { required: true, maxlength: 30, minlength: 3 }, bla bla bla }); }); // ————————————————————————————-- reg $.validator.setDefaults({ submitHandler: function() {…

    Asked by cyklop77,

    0 votes
    2 answers

  5. Проблема с jsfiddle.net

    Подскажите, почему скрипт прекрасно работает на http://jsfiddle.net/7LYqk/ но при переносе к себе в рабочий документ всё ломается? То есть скрипт не работает. Перепробовала уже все варианты проблема внезапно решилась. если у кого будут такие же проблемы - переместите скрипт из хэда в низ боди

    Asked by Violetta,

    0 votes
    3 answers

  6. Проблема с last-child

    Есть вот такая структура и CSS .post:last-child <div id="content"> <div id="post-1" class="post"> </div> <div id="post-2" class="post"> </div> <div id="post-2" class="post"> </div> </div> Если такая структура то ласт чилд работает, в конце блока контента добавляю див с пагинацией <div id="pagination"></div> и ласт чалд уже не работает. В чем проблема может быть? Это вообще как-то не логично... И вообще если в конец что либо добавить даже пустой див без атрибутов то опять же ласт чилд не работает. В принципе решение нашел, но оно не удовлетворительно, это просто взять эти блоки в пустой див. а пос…

    Asked by tini.kRyptoNite,

    0 votes
    5 answers

  7. проблема с last-child

    Доброго времени суток. Объясните пожалуйста, что я делаю не так ? на http://jsfiddle.net/3j0z06ux/ рамка убирается как надо, но на сайте http://dev.wc.lt/ рамка присутствует

    Asked by xsladfs,

    0 votes
    1 answer

  8. Проблема с li

    Есть сайт http://texteredsa.besaba.com/ есть 4 пункт контента, как сделать чтобы li флоатились как тут http://s019.radikal.ru/i626/1408/55/4a15afe532ac.jpg ? p.s. верстка кривая

    Asked by WEB-best,

    0 votes
    4 answers

  9. Проблема с line-height

    Надо в слое установить интервал текста line-height: 2.5, но в IE такая фишка не работает, хотя в Опере и Мозилле все нормально, вот код и стили

    Asked by Shar,

    0 votes
    1 answer

  10. Проблема с line-height

    Возникла проблема с line-height Вот есть шапочка. верстаю Проблема в том что когда вешаю на body line-height он воздействует как margin-top; Вот html разметка <body> <div class="header"> <table class="header-inner"> <tr> <td colspan="3" class="header-menu"> <ul> <li> <a href="#">О компании</a> </li> <li> <a href="#">Доставка и оплата</a> </li> <li> <a href="#">Контакты</a> </li> <li> <a href="#">Помощь</a> </li> </ul> </td> </tr> <tr> <td class="logo-block"> <div class="logo"> </div> </td> &…

    Asked by Hol1killer,

    0 votes
    2 answers

  11. Проблема с line-height в Firefox

    Привет всем. Заметил, что в firefox выравнивание текста по baseline происходит отлично от других браузеров. Baseline не совпадает на 1px. Вот что я имею ввиду: Кто как с этим борется? Исходник на jsfiddle: http://jsfiddle.net/KtbDU/

    Asked by ExtendedPlay,

    0 votes
    2 answers

  12. Проблема с line-height в IE

    Уважаемые форумчане, помогите решить небольшую проблему. Буду краток, в общем нужно сверстать блок последних записей. Особенность в том, что текст записи выводится сразу же после её заголовка вот так: картинка . Вроде бы ничего сложного, сверстал, вот ссылка если бы не одно но, во всех IE получается фигня какая-то вот смотрите скрин. Что я только не пробовал, решить эту проблему не могу! Может вы посоветуете что-то??? Заранее спасибо!!!

    Asked by ya_verstaka,

    0 votes
    2 answers

  13. проблема с margin

    Использую фишку с контейнером на 100%, футером с отрицательным верхним отступом и hFooter: * { margin: 0; padding: 0; } html,body { height: 100%; width:100%; } .container { background: #999; min-height: 100%; height:auto !important; height:100%; } .hFooter { height: 60px; } .footer { background: #0099CC; color: #fff; height: 60px; margin-top: -60px; } ... <div class="container"> <div class="hFooter"></div> </div> <div class="footer"></div> ... Почему если вставить в контейнер блочный элемент и присвоить ему margin-top, то конструкция не работает, появляется полоса прокрутки и футер съезжает? Если использовать padding-top, то…

    Asked by red!:,

    0 votes
    6 answers

  14. проблема с margin

    вот простой пример - http://jsfiddle.net/keut3/ Почему так выходит? Ведь у вложенного дива (.panel) отступы должны браться относительно родителя (.phone)? А выходит, как будто margin задан body. Как исправить? Наверно, это как- то связанно с Margin Collapsing? Никогда его смысла не понимал...

    Asked by Odrin,

    0 votes
    11 answers

  15. Проблема с margin

    Добрый день! Решил сверстать интерфейс приложения. С HTML знаком, но далеко не профи. HTML страницы <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ITP</title> <style> html { height: 100%; } body{ margin: 0px; padding: 0px; border: 0px; } div#top{ width: 960px; min-height:70px; height:auto !important; height:70px; background-color: green; background: url("./img/top/logo.png") no-repeat, url("./img/top/squares.png") no-repeat 100% 0, url("./img/top/bg.png") repeat-x; overflow: hidden; border: 0px red solid; } div#top div#menu{ width: 210px; min-height: 20px; heig…

    Asked by Rombs,

    0 votes
    4 answers

  16. Проблема с margin

    Как убрать отступы ? со всех сторон есть отступы в 8 пикселей. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="conteiner clearfix"> <header> <nav> <div class="logo">Smallapps</div> <ul class="menu"> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> &…

    Asked by Daniyar,

    0 votes
    1 answer

  17. проблема с margin-top

    <!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" /> <link href="style/style.css" rel="stylesheet" type="text/css" /> <title>Верстка</title> <style> *{margin:0; padding:0;} #wrapper{ width:980px; height:910px; margin:0 auto; border:1px solid #000; } #header{ height:205px; background: -webkit-linear-gradient(top, #fff, #e8e9ed); background: -o-linear-gradient(top, #fff, #e8e9ed); background: -ms-linear-gradient(top, #fff, #e8e9ed); backgr…

    Asked by Krote,

    0 votes
    2 answers

  18. Проблема с media

    У меня есть страница,стили которой грузятся так <link rel="stylesheet" type="text/css" media="screen and (max-width: 800px)" href="css/800.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 801px) and (max-width: 1024px)" href="css/1024.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1025px) and (max-width: 1280px)" href="css/1280.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1281px) and (max-width: 1450px)" href="css/1400.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1451px)" href="css/1600.css" />Почему-то у заказчика,будуч…

    Asked by Darth,

    0 votes
    1 answer

  19. проблема с min-width

    посмотрите ставлю min-width: 1000px; работает везде кроме ие прописываю для ие width: expression(document.body.clientWidth > 990 ? "990px" : "990px" ие становится вот что происходит с ие везде кроме ие нормально

    Asked by musulman,

    0 votes
    6 answers

  20. Проблема с min-width

    Вот код в css, но почему-то фаербаг в Мозиле ругается на это "Ошибка при анализе значения свойства «width». Потерянное объявление." width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%'); В чем ошибка, подскажите плиз?

    Asked by okunev2,

    0 votes
    0 answers

  21. Проблема с min-width

    Привет всем! Начал изучать хтмл совсем не давно. Нужно сдедать 3-х колоночный шаблон, резиновой верстки с мин и макс шириной и высотой. Сделал как смог, но вот проблема - min-width не работает в 3-х колонках (contentl, contentr, sidebar) Объясните в чем проблема? Ссылка: http://jsfiddle.net/RSyRR/

    Asked by Cybernatic,

    0 votes
    7 answers

  22. Проблема с min-width и max-width в IE 6

    Верстка правильно отображается в FifeFox 3, IE 7.0, Opera 9. А вот в IE 6 не могу добиться правильного отображения. Верстка должна тянуться до ширины 1150px, а потом слева и справа появляется белые равные отступы. Т.е. под всеми браузерами, кроме IE 6 срабатывает "max-width: 1150px;". Сколько не бился с "width: expression()" под IE 6, требуемого результата не получается. Просьба к профи помочь. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta content="text/html; charset=windows-1251" htt…

    Asked by HoUsEzlat,

    0 votes
    6 answers

  23. Проблема с Mozilla Firefox

    Сделал сайт на дивах - (art-da.ru). Во всех браузерах отображается коректно, кроме мозиллы - сползает вниз правый слой. Все перепробывал и доктайп и параметры в ксс...не могу выявить причину ( Возможно кто-то сталкивался с данной проблемой. Буду признателен за любые комментарии.

    Asked by voody,

    0 votes
    5 answers

  24. Проблема с nl2br и maxlength

    Итак. Когда юзер отправляет данные, они обрабатываются функцией nl2br(); чтобы все его самостоятельные "enterы" переходили на новую строку. А также стоит ограничение в X символов. Проблема в том, что можно просто добавить текст, который будет вводится одними entарами (т.е. переходы на новую строку). т.к. один переход считается за один символ, то можно отправить очень длинный вниз текст без ничего. Как бы этого избежать? Например что бы один переход считался не за один символ, а за 128 допустим.

    Asked by Aselle,

    0 votes
    5 answers

  25. Проблема с nth-child

    Проблема с псевдоклассом nth-child. Не могу понять каким образом он 3-ий "а" элемент воспринимает как 4-ый, а первого якобы вообще нету. Получается так будто элемент header тоже входит в счет, но причем тут хедер если явно указано .categories a:nth-child(1) ? 55-ая строка CSS-ника Песочница: http://cssdesk.com/qxEvw Может кто подсказать или направить где конкретно почитать об таком странном поведении?

    Asked by advokatua,

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