HTML Coding

29542 questions in this forum

1. Какие технологии применены?

   С помощью каких технологий можно сделать подобное интерактивное видео с элементами геймификации и как эти элементы называются (провести мышкой по точкам) (без связки с телефоном (для этого есть Pusher вроде))? http://www.kingsmanmovie.com/becomeakingsman/code Я так понял, этот сайт сделан с помощью backbone.js и underscore.js. Есть ли какие-то туториалы или решения для создания таких видео с геймификацией (взаимодействием)?

   Asked by alexchromets, February 21, 2016

   • интерактивное видео
   0 votes
   3 answers
2. картинку отобразил в бекграунде дива

   Всем привет, Мне нужно поверх картинки отобразить другую маленькую картинку и для этого я большую картинку отобразил в бекграунде дива ref 1) это работает но за исключением того что картинки имеют разный размер и хотелось бы сделать каккой-то бекграунд для всей ячейки что обычно и делается с помощью картинки бекграунда но сложно так как картинка и отображется в бекграунде Можно как-то извернуться ? 2) И почему картинка не центрируется? Я прописал align-content: center; alignment: center; для классов image-wrapper и .back-img? Спасибо !

   Asked by mstdmstd, August 28, 2016

   0 votes
   3 answers
3. Как подключить шрифт

   Привет, подскажите как подключить шрифт "apple system " к своему сайту ? Такой же использует "Вконтакте" Или Helvetica Neue

   Asked by Анатолий1944, December 23, 2016

   • как подключить шрифт
   0 votes
   0 answers
4. Как отправить форму с html страницы на страницу которая формируется бинарным кодом?

   имеется форма на сервере (https://omemo.ca:5281/register-on-omemo.ca) внешнему редактированию она не поддается, так же на ней имеется капча, которую убирать не желательно. на другом сайте сделал красивую форму https://monolith.plus/xmpp/xmpp-register.html name у полей продублировал (такие же как на сайте регистрации) но при отправки формы перекидывает на страницу register-on-omemo.ca Так же хочу заметить, брал всю форму в айфрем, вместе с капчей, в таком случае все нормально срабатывает, но так же остается не редактированный внешний вид, по этому это не подходит. подозреваю что перекидывает на страницу из-за капчи на omemo.ca

   Asked by CoHr4zahG4, September 28, 2018

   • html
   • xmpp
   • recaptcha
   0 votes
   1 answer
5. Потомок прячется за полосой прокрутки

   Есть блок у которого есть вертикальная прокрутка. У него есть потомок, который спозиционирован абсолютно. Но этот абсолютно-спозиционированный потомок не вылазит через полосу прокрутки, а прячется за ней http://skrinshoter.ru/s/221018/KVTFyMBR Как сделать чтобы он не прятался? z-index не помогает https://codepen.io/anon/pen/OBwQEb

   Asked by yaparoff, October 22, 2018

   0 votes
   1 answer
6. table без отступа.

   Приветствую! У меня таблица растянута на width = "100%". Но слева и справа всё равно остаётся немножко пустого места. Как от него избавиться? Забыл сказать, на этой таблице страничка заканчивается, как можно сделать так, чтобы снизу таблицы тоже не было свободного места?

   Asked by DasTPID, January 16, 2009

   0 votes
   1 answer
7. Преобразование числа в элемент страницы

   У меня возник такой вопрос есть блок с картинками Я хочу узнать сколько их там, я пишу var $('div.tabs #content_works > div img').size(); $('#buttons').text(n);// вывел в дивку с айди buttons например 5 теперь я знаю сколько картинок у меня, проблема вот в чем, теперь мне надо чтобы в соответствии с числом, вывелись 5 маленьких лейблов в ту самую дивку с айди buttons, вместо числа 5 - картинок самых простых - иконок. Как это сделать? Проблема решена очень просто, вы были правы про циклы. правда я сам циклом это вначале сделал, но что-то не получилось и я пошел по ложному пути, потом сново занялся по подсказке циклом и все получилось.

   Asked by jenyaz, October 4, 2010

   0 votes
   2 answers
8. Высота блока

   Делаю комментарии на сайте. Каждые 30 комментариев открывается вниз(типо страницы). Так вот проблема в следующем. Надо изменять высоту блока,где будет располагаться блок с комментариями. Как я делаю. С помощью яваскрипт всовываю все коммент. в блок с Ид=homeInfoMan ,потом узнаю высоту этого блока,который находится в основном блоке home .Возникает проблема var heightInfoManCom=document.getElementById("homeInfoMan").style.height; всегда равно нулю. Почему ?!

   Asked by new01, May 27, 2011

   0 votes
   3 answers
9. Ключевые слова: способы, хитрости, опасности.

   Вопрос следующий: как правильно выделять ключевые слова в тексте и нужно ли? Самым действенным способом такого выделения вроде является заголовок <h1> (после TITLE). Если я прямо в тексте поставлю ключевое слово в тег заголовка (без вложенности в другие теги), а потом уберу жирность и выравнюю размер под основной текст, не будут ли на это ругаться поисковики?

   Asked by Kalisnik, May 10, 2011

   0 votes
   2 answers
10. Отображение картинок

    Не отображаются картинки на сайте. Когда все ресурсы на винчестере то все норм а на хосте возникают проблемы причем некоторые изображения выводятся а некоторые нет. В чем причина? p.s. Проверял на двух хостах, на главной все норм а на других возникают проблемы

    Asked by KoTA kunn, June 13, 2011

    0 votes
    7 answers
11. Проблема с валидностью php файла

    Всем привет подскажите пожалуста, как правильно в php файле должны писатся стилевые значения чтоб проходили валидность в <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru"> Вот отрывок кода с файла(//Записи, картинка if ($conf[26]==1) if ($conf[29]=='left') echo "<td valign=".$conf[30]." width=10% align=left><img src=/user_count/admin/img/us".$conf[27].".png border=0 /></td>"; echo "<td>"; ) Ошибка валидности вот тут в нуле border=0, как…

    Asked by vadimcucherencko, September 15, 2011

    0 votes
    2 answers
12. Помогите правильно вписать блоки

    Приветствую. Помогите пожалуйста разобраться! Дело в том что, если в ниже приведенном коде, убрать параметр "height" из блока "top", то сам блок куда то убегает (попробуйте для наглядности), хотя в него вписаны еще два блока. Если убрать параметр "float" в блоках, вписанных в блок "top" то все нормально, но обтекание мне очень нужно. Вопрос: Как сделать так чтобы блок "top" выравнивался по высоте, пропорционально вписанному в него контенту? А если проще, как исправить вышеупомянутый косяк? Желательно средствами CSS, так как JS не знаю вообще. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <he…

    Asked by persssik, October 22, 2011

    0 votes
    2 answers
13. html верстка

    Доброго времени суток уважаемые форумчане ! html версткой занимаюсь года пол, вроде бы всегда справлялся, ничего сложного.. Но сегодняшняя задача меня поставила в тупик. Мне нужно сделать эту страницу без проблем: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <style type="text/css"> html, body { width:100%; height:100%; } * { margin: 0; padding: 0; } </style> </head> <body> <div id = "1" style = "background-color:red; width: 100%; height: 100px;"></div> <…

    Asked by bloodVIRUS, November 16, 2011

    0 votes
    5 answers
14. Возможно ли задать размер изображение без изменения пропорций

    Доброго времени суток! Есть ли возможность при помощи css задать тегу <img/> без добавления ему class и id резмер в пикселях, но что бы пропорции изображения не изменялись а изображение обрезалось по заданным размерам, т.е. все что не помещается в размер уходило бы за края. код который устроил бы меня если бы была возможность поместить изображение в блок .someclass{ width:207px; height:207px; overflow:hidden; padding:10px; background:#ffffff; border:1px solid #d9d9d9; } надо сделать то же самое по сути но напрямую img { }

    Asked by Хатки Бобров, June 19, 2012

    0 votes
    5 answers
15. Как растянуть сайт, со всем содержимым

    Вот сайт pechati89. как мне его сделать пошире? и грамотно сдвинуть сайдбар и контент? /* LAYOUT */ body { background: #FEFEFE; } #wrapper { background: url(images/wrapper-bg.jpg) center top no-repeat; } #container { width:1200px; margin:40px; } #contentwrap { background: #FFFFFF; } a { color: #000000; text-decoration: underline; } a:hover { color: #CF81A4; text-decoration: none; /* CONTENT */ #content { padding: 15px 5px 15px 0; color: #504D4D; } pre { overflow: hidden; width: 470px; } .post { padding:10px 0 10px 0; margin-bottom: 20px; } .post p { margin-bottom: 10px; и /* SIDEBAR(S) */ .sidebaradbox { margin…

    Asked by alex89, July 9, 2012

    0 votes
    2 answers
16. Проблемы с заливкой фоном

    Здравсвуйте всем!Я совсем начинающий верстальщик,помогите пожалуйста решить такую проблему:есть три колонки,хедер и футер,футер по умолчанию должен быть прижат к низу,при большом количестве контента сдвигаться вниз.Я написал следующий код,но не могу решить проблему с фоном для колонок(нужно чтобы фон был на всю колонку независимо от контента).Очень жду вашей помощи. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Страница Васи Пупкина</title> </head> <style type="text/css"> html,body{ margin:0; padding:0; height:100%; } #header{ height:50px; text-align:center; background:#cf9; } #all{ min-height:100%; margin-bott…

    Asked by Dimanchik87, July 28, 2012

    0 votes
    2 answers
17. Помогите раставить позиции div'ов

    Господа, помогите разобраться. На сайте есть div (div id="1") располагающийся с верху-в низ, по правому краю. Мне нужно чтобы он находился там всегда и был подложкой для всего остального наполнения (но не fixed). А по верх него уже шли все остальные блоки и элементы страницы. Помогите расставить блокам "position" чтоб отображалось все корректно. То есть я хочу попробовать сверстать страницу в которой начина блока "box"(меню, заголовки, форма поиска, просто блоки с основным контентом), будут идти не просто друг за другом с флоатом, а размещаться с персональными параметрами (отступы, высота и тд) и в том числе перекрывать местами другие блоки. К примеру: <div id="box"&…

    Asked by cmndr_alexgreen, August 17, 2012

    0 votes
    4 answers
18. Обтекание картинок текстом

    Всем доброго вечера. Подскажите как правильно сделать обтекание. Вот для примера код для обтекания слева img.alignleft { clear:left; float: left; display: inline; margin-right: 10px; margin-bottom: 2px; } но появляется проблема - если нужно сделать обтекание нескольким пикчам и текст, расположенный справа от первой не заполняет все пространство рядом с ней, то почему-то текст, который должен быть расположенный уже справа от второй картинки лезет вверх и встает еще рядом с первой. Вот так примерно: а надо чтобы текст, который в посте идет после второй картинки и стоял после второй картинки, вот так

    Asked by Dayks, October 21, 2012

    0 votes
    4 answers
19. Не тянется сайт по высоте.....

    Друзья подскажате, что за фигня.....не растягивается страница по всей длине. Если есть контент, то всё ок, а если его мало или нет, то.... Подскажите, где ошибка, как исправить?????

    Asked by al_hagen, November 4, 2012

    0 votes
    3 answers
20. Помогите с CSS

    Привет. Firebug-ом нашел элемент, подправил html код. С права появился element.style с параметрами. В какой css необходимо его прописать я никак не пойму. Подскажить плиз...

    Asked by cosmen, February 4, 2013

    0 votes
    5 answers
21. Как сделать вот такой рейтинг на сайте

    Всем привет Нужно сделать рейтинг на сайте со звездочками при оставлении отзыва внизу пользователь выбирает сколько звезд ему поставить... т.е. в начале они все серые, при наведении становятся красными только тот диапозон что выбран и при клике сохраняется (скрипт без подключения к системе...) – пример: menu.ru/places/show/place...

    Asked by Виталий Диблюк, July 20, 2013

    0 votes
    0 answers
22. Помогите настроить слайдер

    Здравствуйте. Выполняю тестовое задание на верстку. В числе элементов страницы есть и относительно простой слайдер на Jquery. Я выполняю его по уроку, найденному здесь: http://heavenweb.ru/delaem-prostoy-slayder-na-jquery В идеале должно получиться примерно так как здесь: http://allins.ru/ Я полностью скопировал приведенный на HeavenWeb код, только имена объектов, естественно, поменял на свои. К сожалению, код работает не полностью: кнопки переключения не подсвечиваются, как должны и по стрелкам слайды не переключаются. Кроме того, после подключения js-кода, на картинки с кнопками накладываются сверху еще такие же картинки. В firebug'е убираю background-image - подсветк…

    Asked by ermolaevai, November 6, 2013

    • jquey слайдер
    0 votes
    4 answers
23. Проблема с плавной сменой картинки

    Дорогие форумчане! Пытаюсь сделать плавную смену одной картинки другой. Использую JQuery. Всё вроде ничего, но почему-то вторая картинка "не понимает", что находится в ячейке. Подозреваю, что это из-за position:absolute;. Подскажите, как обойти этот момент. http://jsfiddle.net/LBRSg/ .image.first,.image.second {margin:0;padding:0;}.image.first {opacity:1px;display:block;position:absolute;/z-index:100;transition-duration:0.96s;-webkit-transition-duration:0.96s;-moz-transition-duration:0.96s;-o-transition-duration:0.96s;-ms-transition-duration:0.96s;}.image.first:hover {opacity:0.00;} div.ImgField {display:inline-block;background-position:center center;background-repe…

    Asked by lersen, December 9, 2013

    0 votes
    4 answers
24. Слоган и контакты в шапке

    Добрый день как правильно реализовать в шапке сайта слоган и контакты. Слоган по середине шапки, а контакты с правой стороны. Вот мой код: <div id='wrapper'> <div id='header'> <img src="img/logo.png" width="1280" height="150" alt="logo" /> </div> <div id="menu"> </div> <div id='container'> <div id='left'> </div> <div id='right'> </div> <div id='center'> </div> </div><div class='clear'></div><div id='spacer'></div></div><div id='footer'></div>html, body { margin:0;height:100%;background:url('/img/bg.png') repeat scr…

    Asked by Senja, July 23, 2014

    0 votes
    0 answers
25. Глюк при прокрутке

    Здравствуйте! Проблема обнаружилась случайно на этой странице: http://arteks-auto.ru/delivery.php в Chrome. Она заключается в том, что при определенной высоте окна невозможно прокрутить страницу до самого низа - все начинает дергаться. Причем, если перезагрузить страницу, прокрутив ее до верху, это явление повторяется. А если она прокручена вниз - нет этого. Не могу понять! Может быть причина в работе скриптов. Поочередно отключала, но пока не выявила причину. Помогите, пожалуйста!

    Asked by Светлана Г., August 23, 2014

    0 votes
    7 answers