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. Выпадающий список и DIV

    Здравствуйте. Вот видел я и раньше токую гадость, даже у Гугла - если DIV открыть поверх выпадающего списка, то в IE этот список оказывается сверху, и ничем его не одолеть. z-index не помогает. Может это мой осел упрямится... Никто не встречался с такой бедой? Спасибо.

    Asked by Николай 2357,

    0 votes
    8 answers

  2. scr img br nbsp

    Люди, а есть ли еще способ, прицельно разместить картинку на штмл страничке, кроме тегов , nbsp и font size (для размера абзацов и пробелов )?

    Asked by shiz,

    0 votes
    4 answers

  3. Как закольцевать музыку в embed?

    Собственно вопрос изложен. Необходимо чтобы музыка постоянно играла на страничке сайта.

    Asked by mal001,

    0 votes
    1 answer

  4. Борьба с отступами сверху и снизу от елементов input в IE

    Asked by multio,

    0 votes
    2 answers

  5. Прыгающие блоки в IE

    Делаю простое меню. Как избавится от съезжания последнего блока вниз? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Меню</title> <style type="text/css"> * { margin:0; padding:0; } #mainlevel { clear: both; width: 100%; } #mainlevel li { display:inline; list-style-type:none; } #mainlevel a { width:25%; height:22px; display:block; float:left; } </style> </head> <body> <div id="mainlevel"> <ul> <li><a href="#" styl…

    Asked by Deacon,

    0 votes
    8 answers

  6. Почему содержимое таблиц не переносится при сжатии?

    Почему содержимое таблиц не переносится при сжатии? <?xml version="1.0" encoding="windows-1251"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> </head> <body> <div> <table columns="2"> <tr> <td>Первая ячейка</td> <td>Вторая ячейка</td> </tr> </table> </div> </body> </html>

    Asked by cyborg,

    0 votes
    11 answers

  7. Фикс фонового png в ИЕ

    Есть png.htc: <public:component> <public:attach event="onpropertychange" onevent="propertyChanged()" /> <script> var supported = /MSIE (5.5)|[67]/.test(navigator.userAgent) && navigator.platform == "Win32"; var realSrc; var blankSrc = "a/spacer.gif"; if (supported) fixImage(); function propertyChanged() { if (!supported) return; var pName = event.propertyName; if (pName != "src") return; // if not set to blank if ( ! new RegExp(blankSrc).test(src)) fixImage(); }; function fixImage() { // get src var src = element.src; // check for real change if (src == realSrc) { element.src = blankSrc; return; } i…

    Asked by okunev2,

    0 votes
    2 answers

  8. Отцентровка в div

    Есть как внего разместить другой div в середину?

    Asked by koder,

    0 votes
    3 answers

  9. Пунктирная линия (линия из точек)

    Сорри за кривое название темы, не знаю как называется линия из точек Хотя наверное это больше в css раздел темка, но все же Возникла необходимость сделать с помощью тега сделать пунктирную линию. Т.е линию представляющую собой кучу точек (.........) пробовал <hr nodashed size="1px" style="border:dotted"> но получается прямоугольник) может, тут чего с отступами нужно мудрить, хелп в общем)

    Asked by Furius,

    0 votes
    7 answers

  10. Как сделать все через div?

    Название раздела

    Asked by vadimboy,

    0 votes
    1 answer

  11. Изменение цвета DIVа при наведении

    Добрый день! Столкнулся с проблемой, уже пол дня пытаюсь ее решить: Вот кусочек кода. Для начала выберете в нашем каталоге понравившийся Вам автомобиль. Даже если такого не нашлось, то обязательно свяжитесь с нашим менеджером. Мы вам непременно поможем.CSS: div.roll { background-color:#D7D7D7; width: 2px; height: 85px; } div.roll:hover { background-color:red; width: 2px; height: 85px; } Но полается не совсем так, как мне надо. А надо следующие: когда наводишь курсором на текст во втором диве, то в первом меняется цвет с серого на красный. Как реализовать?

    Asked by Negociant,

    0 votes
    4 answers

  12. css аналог noshade у тега <hr>

    Какой есть css аналог свойства noshade у тега , чтобы не писать постоянно , а грамотно с помощью css?

    Asked by yujin,

    0 votes
    1 answer

  13. Помогите пожалуйста

    Здрасьте! возник вопрос, ребят, кто общался с joomla'й?! вставляю счетчик, а он не отображается, пытался экранировать, ничего не выходит!!!! код счетчика такого рода: может кто-нидь что-то знает!!!???

    Asked by @migo,

    0 votes
    1 answer

  14. Меню с прокруткой

    На главной странице этого сайта есть своего рода меню "Теги HTML", "Свойства CSS". Организованы в окнах с прокруткой. Как такие вещи делаются? Подскажите в каком направлении двигаться плиз...

    Asked by vak,

    0 votes
    11 answers

  15. показ/скрытие строки таблицы

    В таблице есть скрытая строка: <TR COLSPAN=4 ID='other_model_TR' style='display:none;'>"; print "<TD CLASS='head' style='text-align:right;'>введите модель вручную:</TD>"; print "<TD CLASS='data'><input ID='other_model' name='other_model' type='text' value=''></TD>"; print "<TD CLASS='head'></TD><TD CLASS='data'></TD>"; print "</TR> при выборе определенной опции списка, выполняется функция которая показывает эту скрытую строку: function aaa() { var block = document.getElementById('other_model_TR' ) if ( условие ){ // если выбрана опция // то показывем поле ручного ввода block.style.display =…

    Asked by Sserg-135,

    0 votes
    15 answers

  16. Выравнивание относительно центра

    Дано: картинка (w=300;h=300) ссылки, расположенные вокруг картинки (поверх картинки). Надо: свертать страницу так, чтобы картинка была посередине окна (при любой ширине и высоте окна), и чтобы ссылки были жестко привязаны к данной картинке (при изменении размеров окна не съезжали относительно заданной картинки). Заранее спасибо.

    Asked by baz1k,

    0 votes
    11 answers

  17. input как избавится от лишних отступов?

    Есть стиль: input.feedback { width: 271px; height: 24px; border: 1px solid #bbc3c4; font: 8pt Verdana; vertical-align: middle; color: #3B5356; text-align: left; background: #ffffff; } Когда печатаешь текст в поле то он в Опере по горизонтали по центру поля, а когда в ИЕ то он выравнивается по верхнему краю! Как сделать чтобы и в ИЕ и в Опере было одинаково и текст печатался по центру по горизонтали? Анналагично есть стиль кнопки: input.feedback7 { overflow: hidden; width: 137px; height: 21px; border: 1px solid #bbc3c4; color: #56696c; font: 8pt Verdana; font-style: italic; text-align: center; background: #f3f4f4; padding: 3px; } Также…

    Asked by okunev2,

    0 votes
    1 answer

  18. Как сделать верно для двух браузеров?

    В IE и Firefox частично правильно отображается страница. Нужно чтоб картинки полностью отображались и страница располагалась по центру. Подскажите, что я не верно делаю? Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <style type="text/css"> body { background-color: 696969; margin: 0px; width: 900px; margin-right: auto; margin-left: auto; font-family: tahoma; font-size: 16px; } #menu-left { width: 140px; vertical-align: top; } #content { width: 630px; background-color: darkgray; } #menu-right { …

    Asked by Copycat,

    0 votes
    3 answers

  19. народ, подскажите плиз скрипт всплывающего меню. чтобы нажимая на те

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

    Asked by vovchikku,

    0 votes
    13 answers

  20. Проблема со свойством overflow - в IE+Opera идет, в Firefox - нет

    Добрый день. Такой вопрос: есть страничка (сильно упрощенный код ниже), поделена на три больших . Середина должна скролиться, если сожержимое уходит ниже. Проблема в том, что в Internet Explorer и Opera работает, а в Firefox нет. Поиск по форуму дал много результатов, но именно зависимость от браузера - такого не нашел. Модет кто поможет идеей? Спасибо. Код: ............ <table width="100%" cellspacing="0" cellpadding="0" summary="" style="height: 100%;"> <tbody> .......... <tr> <td width="14%" style="vertical-align: top; background-color: rgb(228, 250, 255);"> МЕНЮ </td> <!-- эта часть не скролится в firefox --> <td w…

    Asked by waldicom,

    0 votes
    1 answer

  21. ЯСтиль шрифта не работает в Мозиле

    Есть: .number1 { font-family: Trebuchet MS; font-size: 1.1em; font-weight: lighter; color: #ef6e12; padding-right: 13px; } и строка: echo "<span class="number1">ссылка</span>"; Стиль применяется везде, кроме Мозилы Проверил может завернут ещ? в какой див этот, но нет, также для всего документа по дифолту для этого тега ничего нет! Что делать?

    Asked by okunev2,

    0 votes
    3 answers

  22. большой баннер на несколко строк

    В начале страницы баннер, который по размерам занимает несколько обычных строк. после баннера по идее ниже должны идти кнопочки. но получается так, что когда заканчивается абзац баннера, то кнопочки расплагаются во второй строке, но на уровне середины баннера ("наплывают" на него) в каком месте исправлять?

    Asked by Rilo,

    0 votes
    5 answers

  23. Полоса прокрутки в Mozilla Firefox

    Столкнулась с такой проблемой: вертикальная полоса прокрутки в Mozilla Firefox не отображается, вниз опускаться приходиться с помощью стрелок...=( в остальных браузерах все нормально.. Подскажите пожалуйста в чем дело!

    Asked by lisaromos,

    0 votes
    3 answers

  24. Вопр. про поисковики?

    Кто знает подскажите плиз =) Поисковой робот( yandex.a или rambler.a ) когда копирует информацию на сайте Он залазие в CSS или нет (к примеру чтоб посмотреть размер шрифта h1)

    Asked by antonP,

    0 votes
    4 answers

  25. Не получается правильно задать слои

    Почему слои нехотят быть на своих местах, все съезжает? Это сама страница: <body> <div id="headmenu" > Голова </div> <div id="mainmenu" > Цент </div> <div id="rightmenul" > Правая колонка </div> <div id="leftmenu" > Левая колонка </div> <div id="footmenu" > Нижняя </div> </body> Из этого видно, что хочу разделить страницу на 5 частей: Вот css, как делил: html, body{ margin:0; padding:0; } #headmenu{ position:top; height:70px; background-color:#AAAAA0; width:100%; } #leftmenu{ width:200px; float:left; position:relative; background-color:#AAAA00; } #mainmenu{background…

    Asked by Ururu,

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