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. Заголовок h2 выходит за рамки блока

    Здравствуйте! Есть блок с предпросмотром товара. В зависимости от разрешения блок меняет свою ширину. После этого заголовок выходит за рамки блока. Вот пример: http://jsfiddle.net/cp1eLaru/1/ Помогите, пожалуйста, решить следующее: 1. При изменении ширины заголовок h2 не должен выходить за рамки блока. 2. При наведении курсора на весь блок, заголовок h2 должен изменять цвет. Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    9 answers

  2. Подскажите, все ли в порядке с мета-тэгами

    Подскажите, правильно ли я написала мета-тэги. Нужно ли ставить точку в конце фразы в мета-тэгах... <head> <title>Купить межкомнатные, складные, входные, дверь купе недорого!</title> <meta name="keywords" content="установка, установить, купить, межкомнатные, СПб."/> <meta name="description" content="Купить недорогие межкомнатные и входные двери с установкой могут все желающие. Мы ждём Вас в салоне MIX-MART!"/><meta name="H1" content="Установка входных и межкомнатных дверей. Предлагаем купить недорого двери-купе." /> </head> Правильно ли написан мета-тэг H1. Нужно ли предложение из тэга H1 повторять в тексте на сайте в cont…

    Asked by Савоини Анастасия Андреевн,

    0 votes
    1 answer

  3. Как правильно реализовать?

    Здравствуйте! Подскажите пожалуйста как правильно реализовать подобное? Ширина блока 100%, сверху линия, а между ней должен быть текст по центру. Мне приходит на ум, что текст можно абсолютно спозиционировать. А как бы вы сделали? P.S желтым просто текст закрасил.

    Asked by FitTech,

    0 votes
    2 answers

  4. Вопросы чайника. Периодически будут пополняться

    Здравствуйте! Народ, кто соображает и кому не трудно, подскажите, пожалуйста, как правильно всё сделать. Я начал делать себе сайт, состоящий из 3-5 страниц (пока ещё не понял сколько точно будет). В сайтостроении я чайник, в школе только было несколько уроков Html и всё. Начал делать в Adobe dreamweaver. Пробовал в Kompozere, но мне что-то не понравилось, мож я и не прав. Ну да ладно. В общем, сделал я начальное оформление (табличка со столбцами, чтобы разобраться что за чем идёт). Вопрос 1: Теперь мне надо вставить на страницу две ссылки. Причём таким образом, чтобы перейти по второй можно было только тогда, когда перейдёшь по первой + 10 секунд времени. Первая с…

    Asked by Ichwill,

    0 votes
    44 answers

  5. Растянуть элемент <video> на всю высоту родителя

    Вроде как по спецификации height: 100% работает если у родительского блока явно указана высота. В моем случае у блока с классом video-wrapper высота — 250px. Самому элементу <video> я указываю width: 100% и height: 100%, но он почему-то не растягивается на всю высоту. Вопрос: в чем проблема? Нужно, чтобы блок с классом controls "накладывался" на видео по нижней границе. Фиддл: http://jsfiddle.net/y2p80pjo/

    Asked by Aleksandr.L,

    0 votes
    7 answers

  6. Как заменять элемент при его отсутствии (если не загрузился)?

    Как в приведённом ниже фрагменте кода сделать так, что бы если картинка (logo.jpg) не загрузилась, изображение не выводилось, а показало следующую строку (<h1 id="logotext">text</h1>). Я думал в атрибут картинки вставить <h1 id="logotext">text</h1>, но потом подумал, что вставлять теги в атрибут безумно. Помогите, пожайлуста. Основы понимаю более-менее, а сейчас учу всякие приемы и накапливаю свой багаж знаний. <div id="head"> <img src="logo.jpg" /> <h1 id="logotext">text</h1></div>

    Asked by Mc'Olin,

    0 votes
    2 answers

  7. Рамка вокруг активного пункта меню + подменю

    Добрый день. Подскажите пожалуйста как сделать такую рамку: Сейчас если навожу на услуги просто всплывает подменю.

    Asked by jdk,

    0 votes
    7 answers

  8. Как расставить три div-а?

    Здравствуйте. Как расставить 3 div-a чтобы третий был под первыми двумя. <div id="wrap"> <div id="header"> <div class="logo"></div> <div class="description"> </div> <div id="header_nav"> <ul> <a href="#"><li>Link 1</li></a> <a href="#"><li>Link 2</li></a> <a href="#"><li>Link 3</li></a> <a href="#"><li>Link 4</li></a> <a href="#"><li>Link 5</li></a&gt…

    Asked by cryptus,

    0 votes
    13 answers

  9. Media Queries для старых IE

    Почему-то не работает скрипт от гугла <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->Тег вставляю в head. Верстку проверяю в IE11 в режиме IE8. HTML5 теги получилось так подключить. Что можно сделать, подскажите <head> <title>SPRING</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="sass1/stylesheets/style.css"> <link href="http://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet" type="text/css"> <script type="text/javascript"…

    Asked by MeisMe,

    0 votes
    6 answers

  10. Проблема с позиционированием 2х блоков

    Сначала был примерно вот такой код: <div class="content"> <div class="content_div"></div> <div class="sidebar"> <p></p> <p></p> </div></div>с таким css: .content_div { margin-left: 220px;}.sidebar { float: left; width: 200px;}Все отображается нормально. Но тут для адаптивности шаблона под мобильники (на мобильниках планируется вывод сайдбара под контентом) потребовалось поменять местами content_div и sidebar. При этом sidebar съехал вниз под content_div. Поместил контент сайдбара в дополнительный блок и установил position: absolute: <div class="content"> <div class="sid…

    Asked by zevilz,

    0 votes
    14 answers

  11. Адаптивное меню

    Добрый вечер! После просмотра очередного сайта, где меню изменялось от ширины экрана, возник вопрос "Как сделать Адаптивное меню?". Допустим, при просмотре с большого экрана можно увидеть во всю длину горизонтальное меню, а при просмотре с маленького экрана горизонтальное меню преобразовывается в раскрывающийся\закрывающийся список. Вопрос: Как такое меню сверстать, какие методы при этом использовать? Пример: Зажав клавишу Ctrl + прокручивая колесико мыши, можно видеть как меню видоизменяется.

    Asked by perec200,

    0 votes
    1 answer

  12. Анимация фона

    Сделал вот такой пример. Почему-то время движения субъективно различается в браузерах. В хроме быстрее, в IE и Firefox медленнее. Почему так может быть? http://jsfiddle.net/04yvqa25/ Если движения сразу не видно, надо чуток подождать.

    Asked by Vlad,

    0 votes
    14 answers

  13. Адаптивные блоки

    Здравствуйте, подскажите как решить проблему: хочется сделать адаптивный дизайн, застрял практически в самом начале. вот что имеется: идея такая. Это полный размер: а это мелкий : я набросал кое что, оно работает но я уверен что не правильно: Css #header_line{ width: 100%; height: 500px; background: url(../images/header.png) #333;}#contener{ max-width: 1000px; height: 500px; margin: 0 auto;}#block_contener{ display: inline-block;}#block1{ width: 500px; height: 500px; background: #eee; float:left;}#block2{ width: 500px; height: 500px; background: #000; float: right;}@media screen and (max-width: 350px) {#contener{ max-width: 1000px; height: 500px; margin: …

    Asked by Suprun4uk,

    0 votes
    2 answers

  14. Блок с текстом

    Всем привет , на сайте есть такой блок http://take.ms/Z85s9 . Его html- структура т.е. он состоит из таблицы и строк <tr>. http://take.ms/979Zb Возможно ли реализовать затемнение блока по ширине и появление блока при наведении как здесь http://take.ms/V348P( сайт http://agift.ru/ ) , или надо переверстать ? Помогите пожалуйста если надо , то на платной основе

    Asked by htmligor,

    0 votes
    0 answers

  15. Масштабирование изображений в галерее

    Добрый день! Уважаемые специалисты, помогите, пожалуйста, с масштабированием картинок, у меня никак не получается сделать ровно для всех браузеров. Имеется вордпресс, в теме есть галерея с горизонтальной "прокруткой". У меня было желание настроить галерею более грамотно и удобно. Изначально галерея предполагает загрузку картинок одной высоты, но мне это не подходит. У меня вертикальные и горизонтальные фотографии, и мне нужно, чтобы они были одной высоты в галерее, при этом, чтобы вертикальные масштабировались под высоту горизонтальных. В оригинале выглядит вот так: http://demo.megathe.me/heat/portfolio/people/ Код стиля: /* =iosSlider-------------------------…

    Asked by Радосвет,

    0 votes
    3 answers

  16. respond.js in ie8

    помогите пожалуйста понять почему respond.js не применяется к страничке в IE8 вот работающая страничка от разработчиков respond.js а вот моя, к которой применён тот же самый подход. как видите css из файла в ie8 не срабатывает(должна исчезать правая колонка при определённой ширине окна браузера ). в этом проблема извиняюсь за отсутствие jsfiddle, но для ie8 он глючит

    Asked by cyklop77,

    0 votes
    2 answers

  17. зацикливание анимации css

    Добрый день! Подскажите как зациклить анимацию кнопки, пока что анимация работает только после клика, а мне нужно чтобы она работала всегда с перерывом в 1 секунду. код такой <!DOCTYPE html><html lang="en" class="no-js"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Creative Button Styles </title><meta name="description" content="Creative Button Styles - Modern and subtle styles & effects for buttons" /><meta name="keywords" content="button styles, css3, modern, flat button, subtle, effect…

    Asked by anutti,

    0 votes
    2 answers

  18. Использование semibold-шрифта вместо bold

    Всем доброго дня. При верстке столкнулся со следующим вопросом. Использую шрифт Open Sans, подключен через Google Fonts. Подключены варианты на 300 (light), 400 (normal) и 600 (semibold). Требуется использовать 600 (semibold) вместо стандартного bold (700). В CSS, где возможно, переопределил (для b, strong и т.д.), но движок часто использует font-weight: bold;Соответственно вопрос: возможно ли (если да, то как) переопределить "bold" как "600" и вообще нужно ли? Есть ли опасность, что браузеры в вышеуказанной ситуации при font-weight: bold будут использовать faux bold? Или они "увидят", что максимально подгруженный шрифт - 600, и будут по умолчанию использовать его? Сп…

    Asked by Raiker,

    0 votes
    3 answers

  19. Помогите советом

    Всем привет, нужен совет, имеется такой макет http://take.ms/Ilt68, 1800px по ширине, вырезал слайдер из фотошопа и он не помещается на экране , возможно ли сделать что картинка со слайдером сжималась при меньшей ширине экрана ? Или надо макет меньший по ширине сделать ? Вот что получилось в итоге по верстке http://co28653.tmweb.ru/?clear_cache=Y

    Asked by htmligor,

    0 votes
    2 answers

  20. Блок захватывает пространство

    И всю Вселенную. Здравствуйте. Есть такой скриншот http://joxi.ru/1A59OwzSQxwEAE Вёрстка лежит тут Что, собственно, мне не нравится, так это поведение блока при задании .dropdown свойства display: block. На скрине выделен третий пункт меню, то ест его подменб должно выделяться вниз. А оно берёт верхнее. Что со мной не так? В браузере это меню нажимается как нужно, на телефоне ОС виндовс тоже, на планшете амазона тоже всё ок. Плохо себя ведёт ипод на иОС. Если нажимать на любой пункт подменю, то кликается основной следующий пункт меню, который, как показано на скриншоте, захватывает область выше.

    Asked by kattiperk,

    0 votes
    0 answers

  21. @Media не применяется

    Возникла проблема с @Media запросами - они просто не применяются! Вот HTML код страницы: <!DOCTYPE html> <html><head><title>Black Hog Games</title><meta charset="utf-8"><link type="text/css" rel="StyleSheet" href="/_st/my.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x600.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1280x800.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1280x1024.css"><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1366x768.css" /> <link type="text/…

    Asked by Maus,

    0 votes
    0 answers

  22. Вставить видео с онлайн камеры

    Доброй ночи. Подскажите, пожалуйста, как можно вставить видео в формате mjpg на сайт? Есть онлайн камера http://87.228.103.93:8080/mjpg/video.mjpg, нужно видео вставить на другой сайт. Пробовал при помощи тегов <video><source>, но, как я понял, формат не поддерживается, в описании атрибута type к тегу source не нужного mime типа.

    Asked by slo_nik,

    0 votes
    0 answers

  23. Подскажите как собрать такую схему

    Здравствуйте! Подскажите как собрать схему как на ричунке. Уже 3 часа как пытаюсь, никак не могу всё расставить по местам. Главное чтобы между блоками <div> было расстояние в 10px. Заранее благодарен. https://www.dropbox.com/s/z40ch98w0f62d8n/sxema.png?dl=0

    Asked by cryptus,

    0 votes
    1 answer

  24. Как сделать видео на фон HTML5

    Сделал в программе Camtasia Studio видео, назвал "kontakt_razdel". Делал файл поставив галочку: MP4-Flash/HTML5 player. Сделало папку с файлами как выше писал. Она делает видео сразу в HTML5. Получилась папка kontakt_razdel, в ней : Папка scripts со скриптами, папка skins, видео: kontakt_razdel.mp4 файлы: kontakt_razdel_config.xml kontakt_razdel_controller.swf kontakt_razdel.html kontakt_razdel_embed.css kontakt_razdel_First_Frame.png kontakt_razdel_player.html playerProductInstall.swf Хочу на фон сайта сделать видео. Куда и как прописать надо? Просто модулем выводил видео для просмотра, без проблем. А на фон не могу понять как в HTML5 вывести. Прописать просто видео…

    Asked by Радосвет,

    0 votes
    0 answers

  25. Вопрос по input

    здравствуйте у меня такая проблема на данный момент имеется Расстояние от МКАД.<br/><input type="range" value="0" name="mkad" id="mkad" min="0" max="150" onchange="mkadV.value=value" step="5"/><output id="mkadV">0</output> КМ</span></li>нужно изменить чтоб вывод был в теге input type="text" и если вводишь данные в один из инпудов в другом данные тоже менялись спасибо

    Asked by Владимир1111,

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