HTML Coding

29542 questions in this forum

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

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

   Asked by FitTech, March 10, 2015

   • текст
   0 votes
   2 answers
2. Media queries для размера экрана, определение мобильного устройства

   Привет. Суть в том, что я знаю как media queries действуют на разрешения экрана, но этого оказалось недостаточно. У меня мобильник имеет какое-то конское разрешение и сайты в нём открываются так, будто у него 1 точка экрана = 1 пикселю страницы. Понятно, что я могу определить джаваскриптом всё, что угодно и поставить какие угодно классы. А можно ли это как-то правильно делать при помощи простого CSS?

   Asked by Veseloff, March 10, 2015

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

   Как в приведённом ниже фрагменте кода сделать так, что бы если картинка (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, March 9, 2015

   0 votes
   2 answers
4. Адаптивное меню

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

   Asked by perec200, March 9, 2015

   • меню
   • Адаптивность
   0 votes
   1 answer
5. Блок с текстом

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

   Asked by htmligor, March 9, 2015

   0 votes
   0 answers
6. Адаптивные блоки

   Здравствуйте, подскажите как решить проблему: хочется сделать адаптивный дизайн, застрял практически в самом начале. вот что имеется: идея такая. Это полный размер: а это мелкий : я набросал кое что, оно работает но я уверен что не правильно: 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, March 9, 2015

   • div
   • адаптивные
   0 votes
   2 answers
7. Заголовок h2 выходит за рамки блока

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

   Asked by volshebnyi, March 9, 2015

   0 votes
   9 answers
8. Анимация фона

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

   Asked by Vlad, March 9, 2015

   0 votes
   14 answers
9. input type="range"

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

   Asked by Marmott, March 9, 2015

   0 votes
   5 answers
10. Масштабирование изображений в галерее

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

    Asked by Радосвет, March 8, 2015

    • img
    • фото
    • изображение
    • мастштаб
    • масштабирование
    • галерея
    0 votes
    3 answers
11. respond.js in ie8

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

    Asked by cyklop77, March 8, 2015

    • respond.js
    • ie
    • ie8
    0 votes
    2 answers
12. Использование 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, March 8, 2015

    0 votes
    3 answers
13. Как расставить три 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, March 8, 2015

    0 votes
    13 answers
14. Блок захватывает пространство

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

    Asked by kattiperk, March 8, 2015

    0 votes
    0 answers
15. зацикливание анимации 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, March 8, 2015

    • анимация css циклы
    0 votes
    2 answers
16. Помогите советом

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

    Asked by htmligor, March 8, 2015

    0 votes
    2 answers
17. @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, March 8, 2015

    • @Mediaб
    0 votes
    0 answers
18. Вставить видео с онлайн камеры

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

    Asked by slo_nik, March 8, 2015

    0 votes
    0 answers
19. Подскажите как собрать такую схему

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

    Asked by cryptus, March 7, 2015

    0 votes
    1 answer
20. Как сделать видео на фон 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 Радосвет, March 7, 2015

    • HTML5. видео на фон сайтафон
    0 votes
    0 answers
21. Вопрос по 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, March 7, 2015

    0 votes
    0 answers
22. Отступы снизу от картинки

    Здравствуйте участники форума, помогите с такой проблемой после вставки изображения снизу от него появляется отступ в чем проблема понять не могу, раньше с таким не сталкивался далее прилагаю код. <!doctype html><html> <head> <meta charset = "utf-8" /> <link rel = "stylesheet" type = "text/css" href = "style.css" /> <title> BUKET SECOND </title> </head> <body> <div class = "header"> <img src = "img/portfolio-img1.jpg" alt = "" /> </div> </body></html>*{margin: 0 ;padding: 0 ;}.header{background: #00ff00 ;}

    Asked by pavlovda, March 6, 2015

    0 votes
    3 answers
23. Проблема в firefox с "overflow"

    В Фаерфокс возникла проблема с overflow: auto. Например, есть блок с display: table, а в нем два блока с display: table-cell, назовем их .one и .two. В блоке .two абсолютно позиционированный блок .child, количество контента в котором не известно, т.е при необходимости, у блока-родителя .two должна появляться полоса прокрутки. Я задал overflow: auto для этой цели блоку .two. Но в фаерфокс контент по-прежнему вылезает за границы, в хроме все нормально. В чем проблема, подскажите? Где-то я что-то упустил или это проблема в firefox? Вот ссылка, собственно, для наглядности: https://jsfiddle.net/wfq1z9u2/1/

    Asked by BeetleJuice, March 6, 2015

    0 votes
    9 answers
24. focus и форма или блок комментария как в вк.

    Здравствуйте! Не могу понять как отловить момент потери фокуса textarea и формы в которой она находится, принцип как и в поле вк при добавлении комментария. Нажимаен на поле - открывается форма со всем не обходимым, кликаем вокрук формы не исчезает, кликнули за пределом формы, свернулась. http://jsfiddle.net/Vicos/sn0ezcf7/здесь зачатки скрипта. Перепробовал уже многое, именно этот момент не удалось. В консоли выводится 1 когда получаем фокус. 0 при потере фокуса, 2 когда поле не пустое.

    Asked by Vicos, March 5, 2015

    • focus
    • blur
    • jquery
    0 votes
    2 answers
25. Вывод с другой страницы

    Добрый день. Возможно ли на своей html-странице вывести текстовую информацию с div с другой странице (просто, находящейся в Интернете)? Спасибо.

    Asked by 12345678987654321, March 5, 2015

    0 votes
    5 answers