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. Пересекающиеся слои.

    Как заставить слой, который был в потоке раньше, отображаться поверх 2-го слоя?

    Asked by alkapone,

    0 votes
    3 answers

  2. пересекающийся фон сверху и снизу

    Народ, бьюсь над простой, казалось бы задачей, но не могу справиться никак. Есть сайт из трёх дивов - шапка, тело, низ. Пока дивы, потом может быть таблицу сделаю. Не суть важно. <body> <div class="bgtop"></div> <div id="header">header</div> <div id="body"> body </div> <div id="footer">footer</div> <div class="bgbottom"></div> </body> Нужно в разметку добавить фоновую картинку сверху и фоновую картинку снизу. Верхняя начинается с начала экрана, нижняя лежит на футере (id="footer") Причём нижняя может налезать сверху на верхнюю (там футер png с прозрачностью) Собственно …

    Asked by Enkee,

    0 votes
    2 answers

  3. пересечение слоев. как исправить?

    В дримвейвере у меня все выглядит атк как нужно. А на сайте все иначе есть 2 слоя. "textbody" - рамка слоя "text". И если в "text" написать длинный текст то рамка "textbody" остаеться на месте вместо того что бы вытягиватся по длине текста. .textbody{ border-style:solid; border-color:#000; border-width:1px; width: 800px; background:url(pic/bgr.png); padding: 10px 20px; margin:0 auto; min-height:480px; } .text{ font:Verdana, Geneva, sans-serif; font-size:18px; color:#000; margin:0 auto; padding:10px 10px; text-align:left; }

    Asked by sh1va,

    0 votes
    6 answers

  4. Перескакивает попап в меню в ie7

    ,,,,,,,,,,,,,,,,,,,,,,,,

    Asked by John Do,

    0 votes
    3 answers

  5. Перескок с float в IE6

    Здравствуйте Вопрос - как сделать без таблиц не съезжающий ниже бокового float-элемента блок? Вот вырезка из кода <!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> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> body { margin: 0 auto; padding: 0;} #bar-vertical { float:left; white-space:nowrap; border:2px solid;width:230px;} #main{ margin-left:235px;} #header blockquote{ margin:0; white-space:nowrap} #bar-horizontal{ border:2px solid; text-align:right; white-space: …

    Asked by nps,

    0 votes
    1 answer

  6. перестает работать :hover после клика на чекбокс.

    Ребятки, если не трудно, гляньте пожалуйста кодик. Вот есть блок, по нему мышой ходишь, он реагирует, но после клика по нему ховер перестает работать. Хотелось бы чтоб он на ховер продолжал реагировать даже после клика. Хотя б в какую сторону копать? https://jsfiddle.net/7vsov03o/4/ Знаю что надоел уже, гуглить учусь, но не совсем понимаю как составить правильный запрос в данном вопросе.

    Asked by sergei8550,

    0 votes
    1 answer

  7. Перестал работать Open Sans Normal из Google Font

    Вчера перестал работать шрифт Open Sans, при чем только Normal, везде, где был Normal, отображается Bold. Шрифт грузится из Google Font. Проблема на всех моих сайтах, где он используется, с другими шрифтами и начертаниями проблем нет. блдаж! Проблема только в Chrome. Извиняюсь, выяснилось, что проблема только у меня, но как исправить? Кеш чистил

    Asked by litwit,

    0 votes
    1 answer

  8. Перестал работать simple lightbox. не открывает большие фото

    Всем привет! Прошу помочь разобраться.. Есть самописный сайт. Прошу сильно не материться, делала его не я.. На сайте есть страницы в виде галереи с фото: http://av-bykov.ru/art/kadet-2018-1september Эти страницы работали корректно. Все было ок, фото открывались в большом размере. Недавно после редактирования файлов сайта перестали открываться большие фото. Страница с миниатюрами есть, сами большие фотки тоже есть (загружены на сервер и никуда не делись), но почему-то не открываются. При нажатии на любое фото по ссылке можно это увидеть: http://av-bykov.ru/art/kadet-2018-october Код я меняла в одном файле сайта, к-ый хранит все фото в вид…

    Asked by MariaKo,

    0 votes
    0 answers

  9. Перестала выводится менюшка последних 10 статей

    Версия MODX Revolution. На сайте новые статьи выводились в отдельную ленту в разделе «Статьи» - http://glebov.com.ua/stati.html. Последние десять статей выводились на главную страницу в нижней части сайта http://glebov.com.ua/. Где-то после 10 августа статьи перестали выводится на главную, а в раздел «Статьи» выводятся. При этом шаблоны статей в админке меняются и сохраняются, но на сайт изменения не подтягиваются. Кто-то может помочь и подсказать, что делать? Ну или вообще, что это может быть? Заранее спасибо.

    Asked by Legally blond,

    0 votes
    2 answers

  10. Перестали работать <a> при float=right

    Добрый день. Вот такая трабла возникла. Макет состоит из двух столбцов. Нужно, чтобы технически правый столбец реально в коде шел первым. Сделал его с float=right. После этого в опере и ФФ перестали работать ссылки, расположенные в этом блоке. Тоесть не нажимаются. Страничка находится здесь http://tour.topotels.com/gallery.html Класс правого столбца .content { text-align:left; float:right; width:600px; position:relative; display:inline; margin:0px; padding:0px; padding-right:25px; }

    Asked by MageMerlin,

    0 votes
    2 answers

  11. Перестали работать скрипты

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

    Asked by BogdanK,

    0 votes
    4 answers

  12. Перестало отображаться видео с YouTube

    Господа профессионалы. У меня такая проблема. Есть у меня сайт http://cyclovac.kiev.ua/ на нем есть статьи в которых есть текст, картинки и видео. Пару месяцев назад все прекрасно работало. на днях решил поменять текст в статьях и... о "лажа" на сайте исчезли видео ролики с youtube!!! Ничего не трогал, ничего не менял. Вот именно после редактирования статьи начинает исчезать видео и так на всем сайте. Пробовал пере заливать видео по новой ничего не выходит. Работаю через Джмумлу, в админ зоне, редакторе, видео видно что есть, а на сайте место под видео есть но оно пустое. Вот ссылка на статью где не отображается видео: http://cyclovac.kiev.ua/cyclovac/ischezayuschiy-shla…

    Asked by gumuch,

    0 votes
    2 answers

  13. Перестало отображаться состояние ICQ на сайте.

    Перестало отображаться состояние ICQ. Как я понял контора перестала поддерживать значки в gif. Раньше писал так: src="http://online.mirabilis.com/scripts/online.dll?icq=290447155&img=5"

    Asked by hardtur,

    0 votes
    6 answers

  14. Перестало работать увеличения картинок после изменения дизайна

    Всем доброго времени суток. Суть вопроса такова, я менял стиль сайта со старой табличной версткой, менялись только css-стили, и была добавлена таблица которая играет роль меню c id="headerMenu", в <header> не лез, менялась только шабка сайта, но почему то не работает увеличение картинок, выкидывает на главную страницу при на жатии на картинку. Мой css-код начинаетса с 530-ой строки. Мог ли я изменяя сss-правила сделать такую ошыбку, и как её устранить? адрес страницы: http://sport-melitopol.com.ua/api-caffeinex-200-tab/p-581.html нажатие на ссылку "увеличить", или на картинку сверху. Буду благодарен за ответы

    Asked by deem,

    0 votes
    0 answers

  15. перестало читать стили

    <!--текст CSS-файла--> body { color: #000066 } #A { color: #808080; font-size: x-small } #B { color: #808080 } <!--текст CSS-файла--> 1. <P id=B>текст</p> 2. <P>текст</P> 3. <p id=A>текст<BR>текст</p> на первую строку воздействие есть (цвет текста меняется), на 3 строку воздействия никакого - текс стандартный, как прописано в body кто пояснит, что забыл? уже спать не успеваю из-за этой.

    Asked by Guest Гость_Rilo_*,

    0 votes
    1 answer

  16. перестроить flex-элементы горкой

    помогите пожалуйста переверстать элементы есть несколько элементов. нужно чтобы на iPad вертикальной ориентации они располагались так: 00 00 00 ,а на iPad горизонтальной ориентации, они располагались так: _00_ 0000 я решил эту задачу, используя flex-элементы и скрытые элементы: jsfiddle page но мне нужно решение, которой использует только возможности flexbox(без костылей в виде скрытых элементов)

    Asked by cyklop77,

    0 votes
    2 answers

  17. перехват данных стороннего сайта и отправление ему же...

    Собственно интересует вопрос перехвата данных стороннего сайта На примере ulmart.org - как это работает и есть ли статейки которые можно по этом вопросу почитать?

    Asked by Nikolas,

    0 votes
    6 answers

  18. Переход в начало страницы.

    Главная страница остается статичной, все действия происходят внутри фрейма, при пререходе со страницы на страницу, нет возврата к началу! т.е. если я в самом конце страницы, и перехожу с нее по ссылке на другую(расположенную в фрейме), открывается новая страница на том же участке где была ссылка на старой... в общем мучаюсь ппц! не смог найти решение в посковике по тому что не могу описать корректно суть проблемы =))) вот пара картинок чтоб понятней было... вот так выглядит страница. Вот я ее просмотрел до конца перешел по ссылке, открылась новая страница, но на томже участке а хотелось бы чтобы при открытии она каким-то образом возвращалась к началу, вот примерно та…

    Asked by strx,

    0 votes
    5 answers

  19. Переход ВВЕРХ-ВНИЗ

    Всем салют. Помогите создать блок для перехода вверх-вниз точно так же, как ВКонтакте. Но будьте внимательны, там есть пара нюансов: 1. Возможность перехода активируется только если был произведен скроллинг хотя бы на один шаг от положения верхнего максимума; 2. Блок перехода вверх-вниз занимает всю оставшуюся ширину влево от блока новостей (к примеру на странице ленты новостей) при фиксированной ширине блока новостей; 3. Блок перехода вверх-вниз не покрывает вертикальное меню (типа Моя страница, Мои друзья и т.д.), но срабатывает слева от него (полагаю нужен z-index); 4. Блок должен работать именно для перехода вверх по первому нажатию и для перехода в исходное положени…

    Asked by Dayks,

    0 votes
    2 answers

  20. Переход Да или Нет

    Надо чтоб отображалось слово Автомобили, нажимаешь на Нет или Да, и появлялось дальше по дереву Помогите реализовать 1 уровень

    Asked by khomchenko,

    0 votes
    0 answers

  21. переход к конкретной вкладке на другой странице

    На странице есть контент, находящийся в разных вкладках (nav-tabs в бутстрапе) в одной части экрана. Как реализовать переход с другой страницы к конкретной вкладке? Пока получилось только банально через id переходить к по-умолчанию активной вкладке. Нужно, чтобы переход осуществлялся к заданной вкладке и отображалась её активность. Надеюсь, понятно объяснил. Заранее спасибо!

    Asked by toh4o,

    0 votes
    5 answers

  22. переход к конкретной вкладке на другой странице

    Добрый! Не могу заставить работать переход с одной страницы на определенную вкладку на другой. Переход на страницу осуществляется, но всегда остается открыта первая вкладка. Подскажите в чем может быть проблема... Заранее очень благодарен! Страница с вкладками - HTML (/ceny): <ul class="nav nav-tabs nav-justified" role="tablist"> <li class="active"><a href="#tab37" role="tab" data-toggle="tab" aria-expanded="true">Консультация</a></li> <li class=""><a href="#tab41" role="tab" data-toggle="tab" aria-expanded="false">Ортодонтия</a></li> <li class=""><a href="#tab61" role="tab" data-toggle="ta…

    Asked by Theweb,

    0 votes
    4 answers

  23. Переход между блоками с паралакс эффектом

    Натолкните на мысль, как лучше сделать такой "уголок" между блоками: Верхний блок с паралаксом, нижний с градиентом, в обоих блоках есть контент.

    Asked by chocolate_moles,

    0 votes
    1 answer

  24. переход между страницами

    возможно ли сделать такой интересный переход влево вправо между страницами на хтмл? например как на сайте http://luxedeco.ru/ www.igorpronin.ru если да то как? скиньте примеры кода, скрипты, файлы

    Asked by Deca,

    0 votes
    2 answers

  25. Переход между страницами без обновления шапки

    Полазил по одному сайту и вот на что обратил внимание. Там при переходе со страницы на страницу, длительность загрузки может составлять до 2-х секунд, но при этим шапка и левая колонка даже на миг не пропадают с экрана. Обычно, на других сайтах, в такой момент старая страница пропадает, а новая появляется в нескольких разных вариантах, соответствующих разному объему загруженной информации. Количество этих вариантов зависит от продолжительности загрузки и частоты обновления рабочей области браузера. Здесь же вариации испытывает только содержимое центрального, блока. Я сначала было подумал AJAX, но приглядевшись к коду, понял, что это чистый HTML. И суть эффекта, таким обра…

    Asked by freeneutron,

    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