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. Проблема с nth-child

    Коллеги, загвоздка, помогите разобраться. Проблема Суть: идут блоки, у каждого border-top. Задача: первым двум его убрать. Делал через nth-child(1) и nth-child(2), но не вышло.

    Asked by Artlive,

    0 votes
    2 answers

  2. Проблема с onlcick() Помогите разобраться

    Приветствую всех! Есть проблема, очень надеюсь на вашу помощь. Делаю сайт http://magazin.amedigroup.com/ Всем кнопкам "Смотреть полный каталог" прикрутил событие onclick(), но он почему-то срабатывает только после двойного щелчка по кнопке. Сам скрипт проверял на работоспособность создавая тестовую страницу - все работает, проблем нет, но на этом сайте что-то мешает. Собственно скрипт: <script type="text/javascript"> function toggle_show(id) { document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none'; } </script> и кнопка: <div id="mybutton" class="red-btn" onclick="toggle_show('c1');toggle_sh…

    Asked by Creoman,

    0 votes
    5 answers

  3. проблема с Opera 10 и list-style-type

    Имеется хтмл страница со стилями. После запуска во всех браузерах, кроме оперы 10 - всё хорошо отображает, ставя маркер только на первый пункт меню 1 уровня. В опере 10 - ставится маркер еще и (насколько я понял) на UL от субменю. Таким образом, имеем два маркера, вместо одного. Ломал голову очень долго - выхода так и не нашел. Причем даже оперовский инспектор показывает, что на субменю не должно быть маркера... Вопрос: как в Opera 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" xml:lang="ru"> &…

    Asked by Ellorian,

    0 votes
    0 answers

  4. Проблема с Opera и Firefox

    Помогите, пожалуйста, более грамотные и опытные начинающим... У меня есть три различных css-файла, для каждого браузера свой (IE, Opera, Firefox), Проблема в том, что нам необходимо подгружать различные css-файлы для IE, Opera, Firefox мы используем скрипт: function check_browser() { var version = 0; if (navigator.userAgent.indexOf ("MSIE 5") != -1) document.write ("Internet Explorer 5.0"); else if (navigator.userAgent.indexOf("MSIE 4") != -1) document.write ("Internet Explorer 3.0!"); else if (navigator.userAgent.indexOf ("MSIE 4.5") != -1) document.write ("Microsoft Internet Explorer 4.5 for Macintosh"); else if (navigator.userAgent.indexOf ("Opera") != -1) document…

    Asked by na.ka,

    0 votes
    2 answers

  5. Проблема с Outlook word-wrap & word-break в таблице

    Суть проблемы: есть таблица и в её ячейке есть однословный длинный текст, который своей чистой длиной превосходит ширину таблицы. По логике вещей этот текст должен остановиться у границы ячейки и остальную часть себя написать в следующей строчке. Все так и работает в браузере, но вот аутлук имеет эту логику в виду, ломает её и не хочет воспринимать такие переносы - текст уходит в далекие дали. Как можно решить эту проблему? Пример таблицы: <table cellpadding="0" cellspacing="0" align="left" style="table-layout: fixed;word-wrap: break-word;" border='black' width="250px"><tr align="left" valign="top" ><td align="left" valign="top" style="width:100%;word-wr…

    Asked by Ranose,

    0 votes
    0 answers

  6. Проблема с overflow

    Задача сделать фоновую картинку которая будет вылазить за пределы первого li. <ul> <li class="widget widget_text" id="text-3"> <h3 class="widgettitle">Обратная связь</h3> <div class="textwidget"> <div id="wpcf7-f1-w1-o1" class="wpcf7"> <form class="wpcf7-form" method="post" action="/#wpcf7-f1-w1-o1"> <div style="display: none;"> <input type="hidden" value="1" name="_wpcf7"> <input type="hidden" value="2.4.5" name="_wpcf7_version"> <input type="hidden" value="wpcf7-f1-w1-o1" name="_wpcf…

    Asked by Sidoruk_sv,

    0 votes
    6 answers

  7. Проблема с overflow: auto;

    Всем привет, есть такой код: <table> <tr> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> </tr> <div style="overflow: auto; height: 100;"> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> </div> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td&g…

    Asked by Bonzash,

    0 votes
    5 answers

  8. Проблема с overflow: hidden

    Есть карусель (использую jcarousel) которая всунута в блок с фиксированой шириной. Пример можно посмотреть здесь - http://sorgalla.com/jcarousel/examples/responsive/. Вместо li в каруселе использую div. У дивов что вращаются заданы ширина и высота. При ховере нужно реализовать так что б высота этого блока увеличивалась(например было height: 200px, при ховере height:400px) Проблема в том что в настройках для карусели нужно ставить overflow, и оно обрежит контент по высоте. Как сделать так что б оно не обрезало по высоте? Быстро набросал, что б было понятней http://jsfiddle.net/8e7P6/1/ Если навести на елемент, то высота остается такойже, а нужно что б увеличилась.

    Asked by Justtie,

    0 votes
    2 answers

  9. проблема с overflow:hidden

    День добрый, столкнулся с такой проблемой. резиновая колонка в ней находится блок с class="info". чтоб текста всегда хватало, он находится в избыточном количестве и лишний текст обрезается с помощью overflow:hidden. проблема подробно показана на картинке ниже. заключается она в том, что при 119px обрезанные заглавные символы видны в Firefox, а при 118px обрезаются нижние окончания у букв типа g y в Opera, Chrome, Safari, Internet Explorer. пробовал играться с line-height, не помогло. пожалуйста подскажите как можно решить такую проблему. <style type="text/css"> .column-1 { width:24% } .info { height:119px; overflow:hidden; font-size:15px; font-style: italic; …

    Asked by llis456,

    0 votes
    2 answers

  10. Проблема с padding

    Добрый вечер! При выставлении параметров padding левая колонка наезжает на центральную. Не пойму в чем дело. Подскажите, пожалуйста. Мой сайт + код ниже .sidebar1 { padding: 15px 15px 10px 10px; float: left; width: 20%; height: 100%; background: #d3de97; padding-bottom: 0px; background-image: url(); } .content { padding: 0px 0; width: 60%; float: none; margin:0 150px 0 180px; background: #e4ecb8; padding-bottom: 0px; background-image: url(); }

    Asked by st2b,

    0 votes
    2 answers

  11. Проблема с padding

    Здравствуйте Хочу сделать на кнопках, чтобы при нажатии текст в кнопке смещался вниз (типа эффект нажатия). Это я пытаюсь сделать изменением padding`a в псевдоклассе :active. Вот пример кода <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> #buttons { font: 12px/1.4 Verdana; padding: 20px; } #buttons input[type="button"] { border: 1px solid green; padding: 5px; } #buttons input[type="button"]:active { padding: 7px 5px 3px; } </style> </head> <body> <div id="buttons"> <input type="butt…

    Asked by sergiyko,

    0 votes
    5 answers

  12. Проблема с padding в <td>

    Добрый день! Не могу разобраться, почему на этой странице появляется такое большое значение padding для <td>. Голову на этом уже сломал

    Asked by Dimusyan,

    0 votes
    1 answer

  13. Проблема с padding в header

    Доброго дня! Появилась проблемка в css. У меня короче есть wrapper(посередине страницы), там по бокам задан padding 56px. А в header этот padding не должен действовать на background(там где будет меню). То есть задний фон должен растянуться на весь wrapper по ширине(но это строго должно быть только для хэдера). На всякий прикрепляю имг как должно быть: Надеюсь, понятливо объяснила. Очень надеюсь на вашу помощь.

    Asked by amalia,

    0 votes
    1 answer

  14. Проблема с padding в IE6

    Всем привет. Есть проблема с padding в IE6, а именно: Есть div, у div есть фон, фон размером 50px, в div есть тег p, при установке padding для div (дабы выровнять текст по вертикали) в IE увеличивается размер дива и в фоне появляется дырка. Пример кода: <div style="background: url('bg.png') repeat-x; width: 100%; height: 30px; padding: 20px 0 0"> <p>Текст</p> </div> Таким образом высота у нас получилась 50px, но в IE появляется дырка. Как это решить? Спасибо

    Asked by proflead,

    0 votes
    4 answers

  15. Проблема с padding у clear:both

    Добрый день. Есть интересная проблема. У меня плавающие блоки, всем задан float, а после этих блоков идет блок с clear:both Как всегда во всех браузерах все ок, а вот IE.... <!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" xml:lang="ru"> <html> <head> <title>Goodzabox-Текущие доставки</title> <link rel="stylesheet" type="text/css" href="ex_1.css" media="all"/> </head> <body> <div id="padding_5"> <div class="left item"> Photo </div> <div class="left item"> Price &lt…

    Asked by savinzeek,

    0 votes
    4 answers

  16. Проблема с padding-ом

    В Опере отступ от текста, до края кнопки нормальный, а в IE больше, как сделать, чтобы бало аналогично Опере??? .MainMenuLinks_Brown_sl { position: relative; top: 20px; font-size: 0.7em; padding: 3px 5px; margin-left: 105px; background: #942400; border: 1px solid #fff; color: #fff; font-weight: bold; text-decoration: none; } .MainMenuLinks_Brown_sl:hover { background: #ffffcc; color: #3366cc; }

    Asked by Alek7y7,

    0 votes
    8 answers

  17. Проблема с PaddingОМ

    Внутри DIVа другой DIV, Padding между контентом и внутренним дивом не могу задать "0", вот код: Body, html { padding: 0 ; margin: 0 ; text-align: center ; } #alldiv { width:1000px; min-width:700px; min-height:700px; border-left: thin solid #dddddd ; border-right: thin solid #dddddd ; margin:0 auto; } } #headdiv { background:url(img/01_02.gif) repeat-x; width:900px; height:165px; } #menudiv { float: left ; width: 194px ; line-height: normal ; font-size: 10pt ; font-family: verdana, geneva, sans-serif ; font-weight: bold ; background-color: #ffffff ; padding-right: 40px ; padding-left: 0 ; border: 1px solid black; } …

    Asked by sv12,

    0 votes
    2 answers

  18. Проблема с php js формой

    Привет, очень нужна помощь в форме https://jsfiddle.net/1z0uhe7d/1/. Их три (третья отличается тем что поле emailвместо сообщения). Проблема в том, что обрабатывается только там, что не открывается как попап(через arcticmodal) и открываются при изменении input file. Я пробовал закинуть инпут файлы в попап формы, но не помогает, пробовал через классы обрабатывать в js не помогает. Моих знаний мало, чтобы повесить обработку новых инпутов в js и заставить обрабатывать все формы. Очень нужна помощь, кто разбирается.

    Asked by exoty,

    0 votes
    0 answers

  19. Проблема с PIE.htc

    Всем привет. У меня не отрабатывает PIE.htc в поддомене (xxx.site.ru). В index поддомена прописаны абсолютные пути (http://site.ru/images/'>http://site.ru/images/)...и т.п. Всё работает кроме данного скрипта. На главной странице сайта (http://site.ru) работает без проблем. Прошу помощи, помогите решить данную проблему.

    Asked by Jekis,

    0 votes
    1 answer

  20. Проблема с PNG

    Короче ситуация такая: Имеется див <div class="main-search-block"><!-- // --></div> В нем форма и другие данные... Есть его стили: .main-search-block { width: 693px; height: 76px; background: url(main-search-block-bg.png) no-repeat; position: absolute; top: -28px; left: -528px; z-index: 5; } Как видно - бэкгроунд сделан с помощью полупрозрачного PNG... Который не работает в IE6. Для IE6 пишу стиль: .main-search-block { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/../../main-search-block-bg.png'); } Прозрачность появляется. Но! Как только я поставил прозрачный бэкгроунд - все содержимое дива (форма, ссылки и т…

    Asked by DjTarik,

    0 votes
    15 answers

  21. Проблема с PNG

    Доброго времени суток! Хотелось бы понять почему происходит следующий баг. Имеем PNG-картинку с градиентом от #ccc до полной прозрачности: Теперь берем эту картинку и накладываем поверх фона с цветом #ccc. Код страницы такой: <!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=utf-8"> </head> <body> <div style="background: #ccc url(gradient.png) no-repeat 0 0; width: 200px; height: 200px;"></div> </body> </html> Получаем вот такую картину: Если присмотреться (или воспользоваться color picker'ом )…

    Asked by VJiK,

    0 votes
    29 answers

  22. Проблема с png и ссылками в IE6

    Значит есть некий div, background которому я слелал png, и вставил в него 3 ссылки. Ссылки естественно тоже png. Так вот эти значит ссылки в IE 6 не работают - как ссылки, :|:/

    Asked by psy-del,

    0 votes
    6 answers

  23. Проблема с PNG-прозрачностью

    Нашла в сети скрипт DD_belatedPNG_0.0.8a.js - он добавляет прозрачность рисункам в PNG. Плюс сохраняет эту прозрачность для повторяющихся изображений. В общем, очередной чудо-скрипт. Но, не долго я радовалась - уже на следующем сайте этот скрипт отказался работать. Причем, срипт тот же самый, который нормально работал на предыдущем сайте. Как назло, в теме для Wordpress, которую я верстаю на Денвере, масса PNG-шек. Народ, если кто то сталкивался с таким глюком этого скрипта (или может это несовместимость с другими скриптами?), подскажите, как с этим бороться.

    Asked by Mila,

    0 votes
    22 answers

  24. Проблема с position

    Здравствуйте. Вобщем такое: Вот коды: верхнее width: 731px; height: 115px; background:url("../images/rlist.png") no-repeat ; position: absolute; z-index: 5; top: 66px; right: -230px; нижнее position: absolute; background:url("../images/rfoot.png"); width: 413px; height: 77px; top: 43px; right: -80px; Как сделать чтобы при разных расширения экрана эти изображения обрезались и не появлялась нижняя прокрутка? Спасибо.

    Asked by ckopnio,

    0 votes
    2 answers

  25. Проблема с position : absolutle в всплывающих подсказках

    На странице есть поля типа input и у каждого есть атрибут tooltip="Подсказка": <input type="text" name="name" value="ФИО" title="ФИО" tooltip="Введите ФИО"/> JS скриптом я ниже каждого такого поля создаю <span> с подсказкой. [JS] $('[tooltip]').each(function(){ $(this).after('<span class="tooltip">'+$(this).attr('tooltip')+'</span>'); }); [/JS] СSS .tooltip{ width: 200px; visibility: hidden; z-index: 99; position: absolute; .................... При focus()/blur() делаю их visible/hidden [JS] $('input[type=text]').focus(function(e){ var left = $(this).offset().left; var …

    Asked by denisOgr,

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