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. Выталкивание элемента

    Есть контейнер с шириной 1366px, в нём блок с шириной 1170px. Чтобы сделать этот блок резиновым я делю 1170 на 1366 и получаю 86.65%. Но когда ставлю эту 86.65% ширину блоку, элементы в нём не помещаются... почему ведь ширина осталась той же самой? *{ margin:0; padding:0; box-sizing:border-box; } body{ width:1366px; } .q1{ width:370px; height:400px; background:black; float:left; margin-right:30px; } .q2{ background:red; width:85.65%; overflow:hidden; } .q1:last-of-type{ margin-right:0; } <body> <div class="q2"> <div class="q1"></div><div class="q1"></div><div class="q1"></div> </div> </body&gt…

    Asked by aqua.77,

    0 votes
    2 answers

  2. Короткая запись свойства font

    Добрый день Уважаемый саппорт. Моя проблема заключается в следующем: когда я пишу свойство font короткой записью, и в ней указываю значение свойства line-height: множитель указываю, в пикселях или в др. величинах, браузер все правила сбрасывает в ноль, т.е как будто я не прописывал никаких css-свойств. Но когда расписываешь полностью все свойства текста, без короткой записи - line-height срабатывает. Если одновременно, между { } скобками прописываешь отдельно line-height: со значением и следующей строкой пишешь короткую запись font, не указывая при этом значения этого свойства, т.к это свойство было указано выше, то браузер применяет все правила указанные в короткой запис…

    Asked by Nikolay7,

    0 votes
    4 answers

  3. адаптация шаблона

    Всем доброго времени суток. В настоящий момент пишу шаблон, и задумался вот над чем, скажем так мы имеем двухколоночный условно-резиновый макет (почему условно-резиновый? во-первых сайдбар левый фиксированый (250 рх) во-вторых установлены ограничения width (max 1300 и min 960) ). В итоге при разрешении экрана свыше 1300 рх скажем наш контентный блок имеет с учетом всех отступов и т.д. 1000 рх (назову ее рабочей шириной) так вот в эту рабочую ширину я помещаю 5 блоков с width равным 200 рх и выставляю их в ряд при помощи float:left . но при изменении размера экрана скажем до 1024 рх блоки которые не влазиют в ширину начнут падать в низ (конечно можно сделать их резино…

    Asked by green-vik,

    0 votes
    0 answers

  4. Не работает адаптация на мобильном

    подскажите в чем ошибка, медиа запросы на экране браузера работают, а на самом мобильном устройстве нет. Весь сайт поломан. Вот так выглядит head <!DOCTYPE HTML> <html> <head> <meta http-equiv="Выберите расширение для паковки" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content=" бизнес в интернете, онлайн бизнес, запуск бизнеса в интернете, онлайн предприниматель, пошаговая система, МЛМ в интернете"> <meta name="description" content="Бесплатный ПДФ пошаговая инструкция запуска бизнеса в интернете"> <link href="style.css" type="text/cs…

    Asked by Шараг Роман Леонидович,

    0 votes
    3 answers

  5. Проблема с собственным шрифтом

    Дорогие друзья уже долго не могу наладить работу собственного шрифта. http://rmsgames.ru/6px2bus.ttf это путь к шрифту. Кодировка utf-8. Все делал по уроку с этого сайта. Вот кусок кода который у меня не работает. #test1 { @font-face font-family: bus; src: url(www.rmsgames.ru/6px2bus.ttf); font-size: 170%; font-family: 'Press Start 2P'; background: black; color: #bed143; text-decoration: green; /* Убираем подчеркивание */ border: none; outline: none; }

    Asked by Artemiy1243,

    0 votes
    7 answers

  6. Случаи использования http(s)://

    Доброго дня! Для того, чтобы описать регулярное выражение мне необходимо учесть все случаи, когда используются символы http(s):// Итак. В редакторе составляется е-майл письмо. Оно может содержать html теги, таблицы, картинки, стили css. Задача - в момент сохранения изменить все ссылки (содержащие http(s)://). Для чего изменить - это другой вопрос и к этой теме не относится. Я условно подразделил все ссылки на два типа: Содержащие <a href="http://...... то есть текстовые ссылки (они нам не интересны) Все остальные ссылки на картинки, на фоновые картинки и т.д. содержащие: <table background="http:// <img alt="" src="http:// …

    Asked by rafaello9,

    0 votes
    3 answers

  7. Подсветка менюшки/ссылки нестандартной фигурой на фоне

    Сабж. Как так сделать? (во вложении изображение - пример) Первое, что приходит на ум, нарисовать картинку - фон и на ней размещать ссылку - менюшку. А может можно div трансфорнуть (css trnsform)? Или есть другие варианты? Подскажите, как?

    Asked by torsar,

    0 votes
    6 answers

  8. photoshop, работа с psd - макетом, нужен учебник

    Сабж На русском

    Asked by torsar,

    0 votes
    5 answers

  9. Цвет элемента option selected

    Добрый день. Как задать красный цвет у слова "выбор" при закрытом списке? <select> <option disabled selected>выбор</option> <option>1</option> <option>2</option> </select>

    Asked by Ubhra,

    0 votes
    4 answers

  10. проблема с тенью

    всем доброго времени суток помогите кто может, суть вот в чем: http://htmlbook.ru/css3-na-primerakh/teni в примере два показано как убрать тень с определенного участка, но это делается путем наложения пвсевдоэлемента ::after, и элементов с фоном. тоесть тень не видно изза фона, а как быть если фон почти прозрачный??? например в RGBA 0,5 ??? пример моего творения тут https://jsfiddle.net/4546hfwx/ ссылку на сайт дать не могу, на ДЕНВЕРЕ делаю подскажите как быть, а то картинками делать не хочется, заранее спасибо

    Asked by green-vik,

    0 votes
    2 answers

  11. Не работает модальное окно!!! НЕ ПОЙМУ!!!

    Доброго времени суток! Проблема: не работает модальное окно. Т.е при нажатии на ссылку ничего не происходит. Кнопка есть, подключенный файл со скриптом есть. Jquery подключен. Ссылка связана с блоком, который должен всплывать. сделал все по инструкции. Я не профи но вроде немного разбираюсь. Я уже все глаза высмотрел!!! В чем дело не пойму. Делал по этой инструкции: http://dbmast.ru/modalnoe-okno-s-pomoshhyu-css-i-jquery Выложил код в Jsfiddle. Прошу подскажите в чем может дело! https://jsfiddle.net/#&togetherjs=sVlwnJV0mM

    Asked by lavrentyev,

    0 votes
    5 answers

  12. Базовая линия у inline-block

    <div><p>123</p></div> *{ margin:0; padding:0; } p{ display:inline-block; background:red; overflow:hidden; vertical-align:top; } div{ border:1px black solid; } У inline-block базовая линия проходит через последнюю строку внутри него, после задания инлайн-блоку overflow:hidden; базовая линия стала отсчитываться от нижней границы самого блока из-за этого высота строки контейнера увеличилась. Теперь не могу понять когда при задании инлайн-блоку vertical-align:top; базовая линия начинает проходить снова через последнюю строку внутри него?

    Asked by aqua.77,

    0 votes
    1 answer

  13. Почему элемент не центрируется по вертикали?

    https://jsfiddle.net/86frqge7/ Почему элемент <b>hi</b> не центрируется по вертикали?

    Asked by torsar,

    0 votes
    3 answers

  14. Не индексируемый текст

    Здравствуйте. Появилась необходимость сделать текст в шапке не индексируемым. Проблема в том, что он должен индексироваться на главной странице и не должен на остальных. Как этого добиться?

    Asked by rob.rob,

    0 votes
    0 answers

  15. Флексбокс. Неправильное отображение в Firefox

    Буду очень благодарен, если вы мне подскажите, как можно решить проблему. Скидываю простейший пример вёрстки, демонстрирующей проблему, без лишнего мусора - https://github.com/R45H/bug-in-ff. Нужно, чтобы в firefox отображалось также, как и в хроме. С учётом адаптивности. Здесь используется флексбокс и паддинг снизу в % для сохранения пропорций картинок. Проблема заключается в том, что при указании flex-direction: column; лиса схлопывает картинки (а хром нет). Мне подойдёт любое решение, но поведение и вид должны быть такими же, как в примере в хроме: - пропорциональное уменьшение картинок; - блоки с синей обводкой растягиваются на всю оставшуюся высоту; …

    Asked by R45H,

    0 votes
    2 answers

  16. Как растянуть блок вниз до прижатого футера

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

    Asked by Prana,

    0 votes
    3 answers

  17. Помогите сделать элемент верстки

    Нужно сделать так как в приложенном файле. Знаю что можно сделать тремя блоками, но проблема в том что нужно растянуть на всю ширину экрана. По ссылке код как удалось реализовать, но одна проблема когда маленький текст то появляются лишнеи линии http://codepen.io/anon/pen/edqOPP#anon-login Спасибо за помощь!

    Asked by andrd849,

    0 votes
    1 answer

  18. Непонятное поле

    Откуда возникает нижний отступ в элементе ul? Я выделил его границей чтобы было понятно. Появляется именно после добавления свойства overflow:hidden; <ul> <li><a href="#">123<div class="qc"></div></a></li> </ul> ul{ border:1px black solid; } ul li{ display:inline; } ul a{ display:inline-block; width:100px; position:relative; overflow:hidden; } .qc{ position:absolute; top:0; left:0; width:300px; height:100%; background:red; }

    Asked by aqua.77,

    0 votes
    15 answers

  19. Непонятное поле

    <ul> <li><a href="#">123<div class="qc"></div></a></li> </ul> ul{ border:1px black solid; } ul li{ display:inline; } ul a{ display:inline-block; width:100px; position:relative; overflow:hidden; } .qc{ position:absolute; top:0; left:0; width:300px; height:100%; background:red; } Откуда возникает нижний отступ в элементе ul? Я выделил его границей чтобы было понятно. Появляется именно после добавления свойства overflow:hidden;

    Asked by aqua.77,

    0 votes
    0 answers

  20. Отобразить пропорционально картинку в модальном окне

    Всем привет, Не подскажите, а как лучше отобразить пропорционально картинку(картинка может быть разных размеров и довольно большой и пропорций) в модальном окне, где урл картинки будет присвоен картинке img_category_preview, вроде : <div class="modal fade" id="show_category_image_dialog" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <div class="modal-tit…

    Asked by mstdmstd,

    0 votes
    2 answers

  21. как можно реализовать лейбл с процентом скидки на фоне круга

    Всем привет, Подскажите пожалуйста как можно реализовать лейбл с процентом скидки на фоне круга как тут ref исходники я смотрел - ничего не высмотрел... Если можно, ссылку на что-то несложное в реализации... Спасибо!

    Asked by mstdmstd,

    0 votes
    2 answers

  22. Выбор рандомной функции

    Делаю бота для игры "Крестики-нолики". Нужно, чтобы при условии if срабатывало рандомно 1 из 8 скриптов. То есть если игрок ходит на 1 клетку, то бот рандомно ходит на 1 из 8 других клеток. Как это сделать?

    Asked by Kun32216,

    0 votes
    0 answers

  23. Не работает css transform

    Всем привет! Помогите пожалуйста разобраться в чем проблема. ——————————————————————————————————————————————————-- Ето код html <div class="top_menu"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">SERVICES</a></li> <li><a href="#">PORTFOLIO</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">CONTACT</a></li> &…

    Asked by pavel_osypov,

    0 votes
    1 answer

  24. Помогите выполнить задание

    Я только начал изучать HTML и толком ещё ничего не понимаю. Хожу на курсы от 1С. Писал там сайт, на котором можно играть в крестики-нолики. Но не доделал и преподаватель задал доделать игру. Нужно, чтобы при дабл клике на кнопку значение не менялось. И завершение игры. Например: подряд 3 крестика и это означает, что крестики выиграли и выводится сообщение об этом. Но вот проблема, никак не могу допереть как это сделать. Есть идеи? Код: http://jsbin.com/jeluvucuda/edit?html,css,js,output

    Asked by Kun32216,

    0 votes
    3 answers

  25. Адаптация социальных иконок

    Доброго времени суток, есть блок ширина которого указана в процентах, внутри него есть такая конструкция <div class="block"> <a href="#"><i class="vk"></i></a> <a href="#"><i class="ok"></i></a> <a href="#"><i class="gp"></i></a> <a href="#"><i class="fb"></i></a> <a href="#"><i class="in"></i></a> <a href="#" class="fullwidth">Link</a> </div> элемент с классом fullwidth всегда по ширине в 100% нужно сделать что бы вс элементы без этого класса были inline-block (аля only vertical) и квадратные при услови…

    Asked by karakymg,

    0 votes
    1 answer

  • Обсуждения

    • 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