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. Работа сайта с платежами

    Привет всем!Как сделать ссылку на сайт плат?жной системы,чтобы сразу введя цифры произвести перевод,принять плат?ж?

    Asked by сергей-7,

    0 votes
    7 answers

  2. Работа слайдера с bootstrap

    Имеется слайдер, "//" если удалить эти строки , то все работает. Там collapse от bootstrap, скрыть и показать блок. Скрытый текст А когда всё на месте, с скрытием, то он показывает так Скрытый текст Помогите исправить, сложно найти рабочий подобный слайдер. Есть мнение что конфликтуют JS, но как их поставить чтоб всё норм было. <!-- Наружная реклама --> <div id="collapse_1" class="collapse" aria-labelledby="heading_1" data-parent="#accordionExample"> // ЭТА УДАЛИТЬ НАДО ЧТОБ РАБОТАЛО <div class="container header"> <div class="row align-items-center"> <div class="card-bod…

    Asked by AlexanderLebedev,

    0 votes
    1 answer

  3. Работа со слоями

    Добрый день. Подскажите пожалуйста как сделать чтобы Колеса от фона хедера были сверху остальных полей. z-index не работает. Сайт arlekin.su. чтобы поднять слайдер до нужной высоты я использовал маргин-топ - 50 в .front_slider_wrapp {. Очень прошу помочь, или хотябы направить в нужную сторону.

    Asked by Rayli,

    0 votes
    3 answers

  4. Работа со списками

    Здравствуйте.Подскажите пожалуйста как можно сделать вот такой список: 1.Элемент А 2.Элемент Б Элемент Б.1 Элемент Б.2 3.Элемент В Заранее спасибо.

    Asked by Ferma,

    0 votes
    12 answers

  5. Работа со спрайтом c пр. SpriteSheetPacker

    Как использовать выданные программой значение? Пример: logomm_small = 0 0 60 17 logorobox_small = 0 17 60 17 logorupay_small = 0 34 60 17 logosmscoin_small = 60 0 60 17 logowm_small = 60 17 60 17 Картинка: Программа: http://spritesheetpacker.codeplex.com/ Так? #home{left:60px;width:17px;} #home{background:url('img_navsprites.png') 0 0;} #home1{left:60px;width:17px;} #home1{background:url('img_navsprites.png') 0 34px;} #home2{left:60px;width:17px;} #home2{background:url('img_navsprites.png') 60px 0;} #home3{left:60px;width:17px;} #home3{background:url('img_navsprites.png') 60 px 17px;}

    Asked by lev99,

    0 votes
    0 answers

  6. работа стилей в IE 6

    Добрый вечер. Срочно нужна помощь знающих людей. Есть сайт http://forestmaster.ru/2010-12-02-16-16-55.html, во всех браузерах, включая IE 7,8 фон области, где выводятся превьюшки, отображается нормальнo, но в IE 6 фон съезжает вниз и слева от превьюшек появляются маленькие квадратики. Подскажите, пожалуйста, как это исправить. Заранее благодарю. p.s. C фоном я разобрался, а вот с этими квадратиками ни как не могу... p.s.s Разобрался, ура!!!

    Asked by slo_nik,

    0 votes
    0 answers

  7. Работа тега - OBJECT

    Здравствуйте!!! Возникли кое-какие проблемы при использовании тега - OBJECT. При загрузке страницы не происходит проигрывания видео-файла. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title> Тег OBJECT, параметр ALIGN </title> </head> <body> <p> <object data="Films\Demo.mpg" width="400" height="300" <span class="select"> align="left" </span>> </object> </p> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem n…

    Asked by Cubar,

    0 votes
    2 answers

  8. работает 1 из 4 галерей

    Привет, у меня 4 галереи, вот код - https://jsfiddle.net/fdrq56ym/ . Проблема в том, что работает только первая, остальные три не робят, в чем причина, пробовал задавать отдельные айдишники каждой, работала по последней прописанной в var = get element

    Asked by exoty,

    0 votes
    1 answer

  9. Работает ли свойство vertical-align?

    Пишу: p.topic { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #996600; vertical-align: middle } Вставляю в блок, высота которого больше высоты строки, а абзац как выравнивался по верху, так и продолжает. Я так понимаю, что для блок, в котором он лежит - это родительский элемент (см. цитату выше). Или я чего-то не понимаю?

    Asked by alexlut,

    0 votes
    4 answers

  10. Работает не так как нужно

    html <html><head><link rel="stylesheet" href="style123.css"></head><body><ul class="list"><li><a href="1.html"><em>2.79</em></a><span style="width:68%;">68%</span></li><li><a href="2.html"><em>2.79</em><span >68%</span></a></li><li><a href="3.html">222222<em>2</em></a></li><li><a href="4.html">33333<em>3</em></a></li><li><a href="5.html">4444<em>4</em></a></li><li><a href="6.html">5555555555 5555555 5555555555 5555555555555&…

    Asked by Tikson,

    0 votes
    3 answers

  11. Работающий Backend template, bootstrap 3 темплейт нужен

    Всем привет, нашел такой симпатичный темплейт http://binarytheme.com/bootstrap-free-admin-dashboard-template/ начал натягивать на свою админку пока не заметил, что при уводе фокуса с поля выскакивает ошибка "Empty string passed to getElementById()." со ссылкой на jquery-2.0.3.min.js файл. Попробовал подключить jquery-1.11.1.min.js из своего проекта - та же ошибка. Ошибка довольно критична - валидация при вводе сразу перестала работать. Первая мысль выкинуть темплейт и найти нормальный и собственно вопрос : Подскажите плиз Backend template, bootstrap 3, многофункциональный, желательно светло серых тонов и не очень страшный на вид и бесплатный. Желательно проверенный на …

    Asked by mstdmstd,

    0 votes
    3 answers

  12. Работоспособность корзины

    Есть подозрения, что корзина на сайте не работает как надо. Не отображаются купленные товары. Хочу попросить форумчан посмотреть отображается в корзине что-то или нет. Для этого нужно перейти по ссылке и нажать "Купить". Потом должно перекинуть на страницу корзины.

    Asked by apexis,

    0 votes
    3 answers

  13. Работы с svg файлами

    Не нашел однозначного ответа, как вставлять svg файлы с возможностью изменять цвет и размеры?

    Asked by sc@r@bey,

    0 votes
    5 answers

  14. Рабочий стол в виде html

    я скачал рабочий стол от сюда : }{oTT@Bb)4 он написан на хтмл , но когда я сделал свой он не работает где ошибка кода ? <html> <head> <title>Work</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body marginheight="0" topmargin="0" leftmargin="0" marginwidth="0" BGCOLOR="#000000"> <table width="1280" height="1024" border="0" cellpadding="0" cellspacing="0"><tr><td><img src="C:/wt/images/1.jpg" width="1280" height="1024"></td></tr></table> <table width="1280" height="1024" border="0" cellpadding="0" cellspacing="0"><tr><td><img s…

    Asked by Zuba,

    0 votes
    5 answers

  15. Рабочий стол...

    Как организовать отображение своего рабочего стола в интернете? Заранее спасибо...

    Asked by vvsh,

    0 votes
    16 answers

  16. Равная высота блоков div

    Здравствуйте! Необходимо создать равную высоту двух блоков div. Блоки выровнял с помощью: float: left; Оба блока имеют визуальную границу. По идее, левый блок будет всегда иметь больше текста, чем правый. Но получается некрасиво - левый блок значительно ниже уходит границей, а хотелось бы чтобы обе нижние границы блоков были на одном уровне. Просьба сразу не пинать ногами, можно тыкнуть носом в мануал (хотя ничего не смог выудить полезного ) Всё вышесказанное одной картинкой http://s017.radikal.ru/i415/1111/36/0728d5870c67.png

    Asked by SniPPer,

    0 votes
    5 answers

  17. равнение по середине

    Здравствуйте! Есть элемент <div><a></a><a></a>...</div> c переменной кучей ссылок. То-есть иногда этих ссылок может быть две, иногда 6. Как мне сделать примерно следующее <table width="100%"><tr><td><a></a></td><td><a></a></td>....</tr></table> Нужно чтобы ссылки автоматически распределялись в контейнере. Спасибо!

    Asked by акрил,

    0 votes
    4 answers

  18. Равное расстояние между DIV

    Ка сделать также: Не подходит: overflow, display table и просто table.

    Asked by Ritter,

    0 votes
    16 answers

  19. Равномерная сетка прямоугольников

    День добрый. Есть контейнер, в контейнере блоки. Блоков может быть любое количество. Контейнер может быть любой ширины. Следовательно, количество строк и столбцов заранее неизвестно. Задача: расположить блоки в контейнере так, чтобы их всегда было одинаковое количество на каждой строке. Если в последней строке не хватает одного-двух блоков, то оставшиеся блоки занимают всю строку. Два дня курю как Flexbox, так и гриды, и не вижу решения. Флексы могут оставить на последней строке один элемент, что ужасно некрасиво. Гриды тоже, плюс они его не растягивают. Решения нет, или я его не вижу? Картинка для наглядности.

    Asked by 7ion,

    0 votes
    6 answers

  20. Равномерно разместить содержимое ячеек таблицы.

    Есть таблица. В одной из её ячеек помещена еще одна таблица. Как сделать так, чтобы первая ячейка прижалась влево, последняя - к правому краю. А оставшиеся 4 ячейки распределились по свободному месту между первой и последней? Размер картинок известен и для всех шести одиноков. Спасибо.

    Asked by ХОЛОДный,

    0 votes
    7 answers

  21. равномерно распределить div'ы внутри div'a

    Есть ли способ равномерно распределить div'ы внутри div'a? Внутренние дивы имеют только фиксированную ширину, высота никак не ограничена.

    Asked by gifron,

    0 votes
    14 answers

  22. Равномерно расставленные слова

    Вобщем. Есть линия. Длинною в 100% от экрана юзера. Есть меню. Оно занимает... примерно 15% ширины экрана. Меню состоит примерно из 10ти пунктов. Вопрос: Как сделать так чтобы меню равномерно распределило все пункты на всю ширину экрана. А не стояло где-то скраюшку как бедный родественник. Заранее спасибо

    Asked by GooDMeister,

    0 votes
    5 answers

  23. Равномерно растянуть элементы на всю ширину родителя

    кнопки должны растягиваться на всю ширину родителя (280 px) вот так http://skrinshoter.ru/s/011018/ZVXhhHvh как это сделать? https://codepen.io/anon/pen/LgVzbo разобрался сам. flex-grow помогло в этом

    Asked by yaparoff,

    0 votes
    1 answer

  24. Равномерное выравнивание блоков в несколько строк

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

    Asked by ruslan.savenok,

    0 votes
    5 answers

  25. Равномерное выравнивание блоков по ширине

    Подскажите, пожалуйста, почему у меня не работает text-align: justify примененный к inline-block. ссылка на код

    Asked by ows.nightwolf,

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