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. Картинки автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна?

    Как сделать так, чтобы картинки на сайте (обложка журнала и скрин youtube) были автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна? сайт www.moscow.octawa.ru index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>Москвичи на бизнес-тренингах Тони Роббинса</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header"></div> <div id="head"> <p><font face="Droit Serif"><em>Знание - половина ума (русская пословица).</em></font></p> <img src="down arrow.png" width="48" heig…

    Asked by codor,

    0 votes
    1 answer

  2. Адаптивность. Медиа запросы vs JS

    Вопрос касательно реализации адаптивности. В каких случаях вы прибегаете к JS для определения типа устройства и установки соответсвующего класса например на тег body (table, mobile)? Наверное стандарт медиа запросов: по ширине > 1024px - это Экраны, Планшеты <1024px и >768px, мобильные телефоны <768px. Просто границы разрешений экранов, особенно между Экранами и Планшетами размыты... Или главное чтоб все было красиво, удобно, хорошо видно? не ужималось и прочее..., пускай стили для экранов и применились для Планшета, например Ipad PRO(Разрешение: 2224x1668 Пикс) ? JS-ом определять тип устройства наверное следует тогда, когда надо жестко д…

    Asked by SnowSilver,

    0 votes
    1 answer

  3. alert и одновременно переадрессация на главную страницу сайта

    Здравствуйте! После закрытия модального окна на странице должен появится алерт с надписью и во время его появления должен осуществляться переход на главную странице сайта. Сейчас же идет огромная пауза и алерт висит. Что я делаю не так? location.href = "/"; alert("Спасибо! Наш оператор перезвонит Вам в ближайшее время."); Заранее благодарен за помощь!

    Asked by volshebnyi,

    0 votes
    1 answer

  4. OWL Carousel 2, как сверстать слайдер?

    Здравствуйте, вопрос к уважаемым специалистам. Только приступил к изучению html+css. Знаю что можно реализовать такой слайдер на чистом html+css, но мне интересно, как сделать такой слайдер с помощью OWL Carousel 2? В частности, как правильно для данной секции написать html код и как правильно прописать стили для слайдера? По одному ролику на YouTube получилось сделать так, дальше моих знаний уже не хватает. Отмечу, что делаю разметку страницы, до написания стилей еще не доходил. Вот мой код данной разметки, а тут макет. Буду благодарен за помощь, так как застрял именно со слайдером, во всей остальной разметке вроде разобрался.

    Asked by Bubunt,

    0 votes
    1 answer

  5. Проблема мобильной версии сайта

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

    Asked by deephack,

    0 votes
    1 answer

  6. Масштабирование объекта SVG

    Привет. Подскажите как правильно объявить svg объект, чтобы он занял все свободного пространство экрана и при этом не "вылезал" вниз. Например у меня есть svg (большой код, т.к. в ней просто 17 одинаковых элементов, которые расположены по главной горизонтали): <svg xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" baseProfile="full" height="1088px" style="background:#FFFFFF" version="1.1" width="1088px"> <defs> <style type="text/css"> .default_default { fill: #E4801B; stroke: #000000; stroke-width: 1.0px; } </style> …

    Asked by ioprst,

    1 vote
    1 answer

  7. Нужна помощь в левым колонтитулом

    Не знаю как сделать что бы левая колонка была до самого низа независимо от наполнения на основной странице

    Asked by _demetry_07,

    0 votes
    1 answer

  8. Модульная сетка на flex

    Используя flex хочу построить сетку с модулями (скрин) Скрытый текст пробовал изменять расположения вдоль главной и поперечной оси, не смог добиться расположения как на скрине код здесь - https://codepen.io/viliksar/pen/dKvZgV?editors=1100

    Asked by viliksar,

    0 votes
    1 answer

  9. Что входит в html и css верстку

    Объясните пожалуйста, что входит в работу html, css верстальщика. Также интересует вопрос: нужно ли делать формы или popUp окна, а если и делать, то каким функционалом мне их наделять будучи html, css верстальщиком?

    Asked by Oloref,

    0 votes
    1 answer

  10. Про адаптивное меню

    Здравствуйте, подскажите пожалуйста, нормально ли будет, если для адаптивного меню я буду использовать два меню в html коде, а не одно, стили которого меняются только в медиа-запросах css? И если кому не трудно, можете скинуть код готового меню, которое вы используете.

    Asked by Oloref,

    0 votes
    1 answer

  11. Ссылки на страницы по тегам

    Всем привет! Прощу помощь в реализации. Только сильно не пинайте - я только учу сиё "искусство". Суть в следующем: сайт с рецептами. Есть страницы с коротким описанием рецептов (списочно): горячие супы; холодные супы; кавказская кухня; русская кухня; с мясом; острые и т.д. Далее уже идут страницы с самими рецептами (с подробным описанием), скажем: борщ, харчо и окрошка. Как сделать короткое описание рецепта "харчо" в коде на странице 1 (с присвоением какого-нибудь id, class или нечто подобное) и отображение на других страницах (с помощью присвоенного "идентификатора")? В данном случае на стр. 1 будет корот…

    Asked by Stimix,

    0 votes
    1 answer

  12. Как подключить шрифт Malina.otf?

    Нужно чтобы некоторый текст на сайте отображался через шрифт Malina.otf. К html уже подключен CSS. Для шрифта лучше создать отдельный CSS? Напиши пожалуйста как подключить шрифт Malina.otf, а то я читал статьи и не понял до конца как это реализовать.

    Asked by Нуб,

    0 votes
    1 answer

  13. Текст в div отображается не правильно

    Привет, есть проблема с отображением текста, а именно он уходит вниз. Но как только я убираю в css документе свойство float:left сам блок уходит вниз но текст размещается правильно. Спасибо за внимание) index.html style.css

    Asked by DITT,

    0 votes
    1 answer

  14. Тег <Video> и атрибут "controls"

    В браузере Google Chrome Версия 67.0.3396.99 (64 бит), в теге Video с атрибутом controls нет регулятора громкости видео. Но почему же так?

    Asked by Banvac,

    0 votes
    1 answer

  15. Текст, который длиннее 1 строки, переносится на следующую строку

    На сайте есть блок тестирования. Проблема отображена в скриншоте. Может кто-нибудь поможет разобраться, как это исправить?

    Asked by adm-pr,

    0 votes
    1 answer

  16. Отменить кликабельность ссылки

    Добрый вечер! Я собираю сайт на конструкторе и не очень силен в кодах. Столкнулся с такой проблемой, когда в блоке контактов (подвале) прописал контактные данные и ИНН предпринимателя, то номер ИНН выделяется синим и становиться кликабельным как ссылка, именно на смартфоне (на компьютере все нормально). Целый день потратил, не могу понять, как мне сделать номер ИНН, что бы он был просто текстом белого цвета. Прописываю семь семерок все ок, только пишу разные цифры, отображается как ссылка. Помогите решить пожалуйста. код http://jsfiddle.net/mb3da4o9/1/ и скрин прилагается

    Asked by denis4192,

    0 votes
    1 answer

  17. Полный бред с @media запросами

    Сделал я шаблон и решил сделать его адаптивным. Вобщем чтото пошло не так, медиа запрос стоит на min-width(900px) and max-width(1000px) но уменьшая окно браузера я заметил что отчёт идёт от 720 пх и до 800 пх. Что это за бред вообще не понимаю.

    Asked by Darklurkers,

    0 votes
    1 answer

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

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

    Asked by exoty,

    0 votes
    1 answer

  19. CSS vopros

    Podskajite pojaluista! Kak sdelat rasstojanije mejdu jeltimi blokami, no pri etom ostavit ix na odnoi linii? <div id="main" class="clearfix"> <div class="first">1</div> <div class="first">2</div> <div class="first">3</div> </div> * { box-sizing: border-box; } #main { width: 100%; background-color: green; padding: 10px 0; } .first { /* margin: 10px; */ /* display: inline-block; */ width: 33.33%; float:left; background-color: yellow; text-align: center; } .clearfix:…

    Asked by Liubo,

    0 votes
    1 answer

  20. Плавное изменение высоты блоков

    Есть макет http://skrinshoter.ru/s/120718/NWdGGpoo При наведении на блок в нем появляется дочерний блок с доп параметрами, при этом он наезжает на внизу стоящего соседа (как это изображено на картинке) и сосед не отскакивает вниз. Также при наведении картинка превращается в слайдер (как я понимаю). Я это реализовал, но это происходит не плавно. Как сделать чтобы это происходило плавно? https://codepen.io/anon/pen/MBwBve

    Asked by yaparoff,

    0 votes
    1 answer

  21. Как подключить 4 галереи к 1 сайту

    Привет, задал подобный вопрос ранее, что нужно менять или добавлять в js коде, чтобы 4 галереи одинаковых подключить к 1 сайту, вот сам код https://jsfiddle.net/fdrq56ym/

    Asked by exoty,

    0 votes
    1 answer

  22. CSS @Media

    Здравствуйте! Прописал следующие @media для мобильных устройств: @media screen and (max-width: 768px) {} Но с экранов в 5 и тд дюймов, т.е те у кого разрешение hd и full hd, это просто не работает, как выйти из ситуации, чтобы к hd и full hd применялись прописанные @media?

    Asked by Vans,

    0 votes
    1 answer

  23. Как правильно прописать путь к странице html в адресной строке

    sandraflower.com/index_catalog.html Путь до страницы. Как сделать, чтобы он был: sandraflower.com/catalog?

    Asked by Юлия_36,

    0 votes
    1 answer

  24. Стилизация скролла

    Ребят, привет, хочу сделать такой скролл, согласно макету , но scroll thumb не получается шире скролл трека самого, и я длину не могу задать скролл треку, подскажите, вообще можно ли это все сделать https://jsfiddle.net/6hy5q79u/1/ - вот сам код

    Asked by exoty,

    0 votes
    1 answer

  25. Отправление заявки на почту

    Подскажите пожалуйста, как вывести текст сообщения в письме. Он хранится в переменной $text

    Asked by Юлия_36,

    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