HTML Coding

29,542 questions in this forum

1. Как прибить footer к низу если фон страницы с абсолютным позиционированием?

   Добрый день. Раньше пользовался разнымие способами и они помогали, но в этой ситуации, когда на фоне у меня сочетание видео и картинки и им дано position: absolute ничего из известных мне способов не работает( может где-то что-то я упустил, помогите пожалуйста. При это очень очень желательно, чтобы рабочий способ не зависел от высоты футера т.к. на разных разрешениях она меняется. Вот codepan: http://codepen.io/foxer1/pen/OXbYrj

   Asked by foxer, June 27, 2016

   0 votes
   17 answers
2. Как отобразить одну картинку пока грузится другая.

   Здравствуйте, Заранее извиняюсь, если тема обсуждалась, или слишком глупа. Я создаю сайт лендинг пейдж, где много фоновых картинок-фотографий. Боюсь что сайт будет много весить и грузиться долго. В интернете нашел скрипт, в котором картинки заменяются на аналоги плохого качества если находятся вне видимости экрана. Но у скрипта два минуса: 1) он не предназначен для фоновых изображений, тк те подгружаются из css, 2) не работает для изображений на первой странице, тк скрипт начинает работать только при скролинге. С первой проблемой думаю можно справиться если картинки делать не фоном, а при помощи img position. И собственно мой вопрос по второй пробле…

   Asked by Вадос Пёс, June 27, 2016

   • загрузка картинок
   • оптимизация
   0 votes
   4 answers
3. Позиционирование под меню относительно главного меню средствами CSS

   Добрый день. Сижу над следующей задачей: 1. Есть левое боковое меню из ul, li 2. При наведении на пункт меню li, отображаю блок div с подменю. Но проблема в том, что если боковое меню ul высотою с экран, или более, то всплывающее подменю div (возле последнего пункта меню li) не полностью выводиться на экран, оно уходит за границу нижней часть страницы и видно не полностью. Решение вижу так: 1. Для верхних пунктов (li) меню (ul), всплывающее под меню (div) позиционирую свойством top. Если всплывающее под меню (div) отображается для самых последних пунктов (li) вертикального меню (ul), то в место свойства top:0; для div думаю использовать свойс…

   Asked by hitec, June 28, 2016

   0 votes
   3 answers
4. Сложности при верстке навигации

   Здравствуйте. Нужно сделать навигацию такого типа Что я сделал на данный момент codepen Если вы наведетесь на "Шкафы-купе", то увидите подкатегории, что появились снизу, а нужно справа. Я мог бы их расположить там с помощью позиционирования, но тогда они будут вываливаться с белого блока (.nav-wrap), если будут больше по высоте. Как мне решить эту проблему?

   Asked by alex_web64, June 28, 2016

   • навигация
   0 votes
   3 answers
5. При просмотре сайта в iOS перепутаны все картинки

   У меня возник глюк, подобного которому не смог найти ни в российском ни в англоязычном сегменте. Сайт http://nastobr.com/ Если зайти ПЕРВЫЙ раз с любого устройства iOS (то есть айфона или айпеда), причем из любого браузера, то все картинки перепутаны, то есть например логотип откуда-то из низа страницы встает вместо картинки баннера, или фотка из анонса может встать вместо скана лицензии и т.д. Если просто обновить страницу, то глюк исчезает и его можно снова увидеть лишь очистив кеш. На других устройствах: десктопе или из андроиде глюк не проявляется. Клиент мне всю плешь уже этим глюком проел, а я не понимаю что происходит. Что это может быть?

   Asked by Hamulus, June 28, 2016

   0 votes
   1 answer
6. Позиционирование фонового изображения

   Всем привет. Народ, делаю сейчас страницу: Ссылка Но никак картинку не могу спозиционировать, чтобы она вообще отображалась, как на главной странице: http://busik.top/ И в футере картинка на задний план уходит почему то. Пробовал с z-index играться, но результата не дало. Помогите пожалуйста, как CSS подправить, чтобы всё нормально отображалось? Скрины: Скрин1 Скрин2

   Asked by fenix_63, June 28, 2016

   • html
   • background
   0 votes
   1 answer
7. скопировать лого как?

   помогите пожалуйста скопировать лого. желательно чтобы в результате оно было на прозрачном фоне: http://joxi.net/Y2L8Z8nSnNPJ52 https://news.rambler.ru/world/33965170/ тут мне даже не понятно где параметры svg-изображения хранятся >__<

   Asked by cyklop77, June 22, 2016

   • svg
   0 votes
   11 answers
8. Прокрутка в ячейке таблицы неизвестной высоты

   Всем привет, табличная верстка, в нижнюю строку таблицы добавляются данные, необходимо, что бы при достижении высоты окна содержимое нижней строки прокручивалось (а в дальнейшем и перематывалось на конец, но пока и прокрутка не работает). Достаточно, что бы работало в Интернет-Эксплорерах (это интерфейс для Windows-скрипта, поэтому указывать DOCTYPE нет смысла). Спасибо! <head> <title>Untitled</title> <style type="text/css"> html, body { height:100%; margin:0px; padding:0px; overflow: hidden; } </style> </head> <body> <table border="2" style="width:100%; height:100%…

   Asked by GrEb, June 27, 2016

   0 votes
   3 answers
9. Проблема в JS, скролл табов

   На этой страничке http://zimnitskiy.com/peregrin/one-direction.html есть табы, которые скроллятся вместе с контентом, а на последнем табе их скролл прекращается и дальше скроллится только контент. Использовал скрипт отсюда http://shpargalkablog.ru/2013/09/scroll-block.html, последний вариант. Всё работает, но есть баг, который заключается в том, что когда контента не хватает для скролла, на ul где эти табы остается класс "stop", который вешает скрипт выше для его работы. Этот класс фиксирует блок и добавляет свойство top равное проскроллиному непроблемного таба. Т.е. когда контента хватает для скролла класс убирается или меняется на другой "sticky"…

   Asked by sanya.dndz.kh, May 29, 2016

   0 votes
   1 answer
10. Некорректное масштабирование элементов страницы в хром и опере

    Здравствуйте. В общем обнаружилась такая проблема. Есть элементы в виде квадратиков в несколько рядов. https://jsfiddle.net/y5hsr9b6/ В хроме, опере в масштабе 110% начинают скакать нижние ряды элементов. В масштабе 100%, 125% и др. все нормально, в других браузерах в любых масштабах все норм. Получается хром и опера некорректно масштабирует страницу? Как лучше справиться с этим эффектом?

    Asked by ishurgaya, June 23, 2016

    0 votes
    7 answers
11. Semantic UI одинаковая высота блоков

    Необходимо сделать высоту блоков на скриншоте, одинаковой. Для задания одинаковой высоты у Semantic UI есть классы "equal height". Пример тут http://jsfiddle.net/ozk615p6/35/ "equal height" задается внешнему блоку, а дочерним элементам будет задана одинаковая высота. Проблема в том, что мне нужно выровнять по высоте не дочерние элементы, по крайней мере не первого уровня вложенности. Моя проблема тут http://jsfiddle.net/ozk615p6/34/ Помогите пожалуйста.

    Asked by WhatIsHTML, June 26, 2016

    • semantic ui
    • equal
    • height
    • columns
    0 votes
    0 answers
12. инпуты выполняют функции чекбоксов с 3мя состояниями

    Всем привет, На ссылке инпуты выполняют функции чекбоксов с 2мя состояниями link А можно ли сделать что-нибудь подобное но с 3мя состояниями? Спасибо !

    Asked by mstdmstd, June 25, 2016

    0 votes
    1 answer
13. Окупаемость сайта

    Всем привет. Пару месяцев уже изучаю связку HTML и CSS. Уже начал изучать JS. И тут наткнулся на книгу "Прохоренок Н. А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера". И вот в последних главах написано про то, как зарабатывать на сайте. И тут я задумался, а ведь сайт то в конечном счёте должен окупать себя. Как я понимаю вначале создатель сайта вкладывает в него деньги, но потом сайт, так сказать, должен кормить сам себя. Искал инфу в интернете и понял, что реклама В общем-то не окупает даже оплату хостинга. И мне стало интересно, как вообще окупаются сайты? Через какое время можно будет оплачивать расходы на сайт с заработка, получ…

    Asked by Arhont, June 14, 2016

    0 votes
    7 answers
14. Инвертация значений нескольких кнопок

    Здравствуйте многоуважаемые. Подскажите как доработать нижеприведённый мною скрипт: <html> <head> <title>Cool dynamic page!!!</title> <script language="JavaScript"> var img = new Array('off.png','on.png'); var i; function gmi(id,nom) { i=(i==1)?0:1; console.log('Кнопка:'+id+' Значние:'+i); document.getElementById(id).src=img[i]; } </script> </head> <body> <p><img id="km1" src="off.png" onclick="gmi(this.id,0)"></p> <p><img id="im2" src="off.png" onclick="gmi(this.id,1)"></p> <p><img id="im3" src="off.png" onclick="gmi(this.id,2)"></p> </body> </htm…

    Asked by Ser8191, June 24, 2016

    0 votes
    0 answers
15. Подгрузка файла с сервера

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

    Asked by Denisakm, June 24, 2016

    • stl
    • js
    • html
    0 votes
    0 answers
16. Паранормальный HTML

    Здравствуйте, я вот никак не могу понять почему так происходит, объясните пожалуйста... Есть информационный блок сайта где просто перечислены вложенными списками населённые пункты, вёрстка там самая обычная (float: left, margin-left, clear: left): При просмотре сайта на любом мобильном устройстве в вертикальном положении, размер шрифта правых ссылок становится заметно больше чем левых: Если перевернуть устройство в горизонтальное положение то всё становится ровно, так как и должно быть. Никакой адаптивности нет, нигде не задаётся размер индивидуально к чему-либо (он только у body и всё, на всём сайте), никакой font-size не помогает вместе с !…

    Asked by Anechka, June 21, 2016

    • html
    0 votes
    8 answers
17. Полоса прокрутки при абсолютном позиционировании

    Имеется такая конструкция. В блок вложен блок с фоновой картинкой. <div class="outer"> <div class="block"></div> </div> Css: .outer{ width:980px; margin:0 auto; position:relative; } .block{ position:absolute; width:200px; height:200px; left:-100px; top:-50px; } В данном случае, если окно браузера сужается менее 1180px, полоса прокрутки не появляется, Но если задать .block { right:-100px } при сужении окна, полоса прокрутки появляется. Как обойти данный момент? То же самое и если сдвигать .block вверх- полосы прокрутки нет, а если сдвигать .block вниз, то полоса появляется.

    Asked by vip, June 22, 2016

    0 votes
    8 answers
18. Помогите сделать автоматическую карусель

    Всем доброго времени суток. Нужно сделать подобную штуку. Автоматическая прокрутка, изображение, когда доходит до центра, должно увеличиваться. Не нашел готовых примеров в сети. Заранее спасибо.

    Asked by IvanRu08, June 24, 2016

    0 votes
    5 answers
19. чем его бутстраповость bootstrap-modal-carousel

    Всем привет, есть такая каруселька с картинками link сделанная как я понимаю на основе bootstrap-modal-carousel отсюда link Симпатично, но возник вопрос в чем проявляется его бутстраповость? Я вставил в этот пример несколько картинок link и для айфона более крупные картинки в моем Cromium таскаются горизонтально вместе с содержимым всей страницы а в Firefox при клике на картинке полная картинка видна в полупрозрачном состоянии как таскаемый элемент... Я попробовал смотреть через http://deviceponsive.com на смартфоне и снова непонятно в чем его бутстраповость ?

    Asked by mstdmstd, June 22, 2016

    • bootstrap-modal-carousel
    0 votes
    3 answers
20. Корректное отображение border-botttom

    Добрый день, есть 2 проблемы: 1 - Как сделать так что бы нижний бордер отображался как на макете? 2 - Как сделать так что бы текст выпадающего меню был на ровне с текстом основного меня как на макете? https://jsfiddle.net/85Lvy05r/ Заранее очень сильно благодарю.

    Asked by Kamel515, June 23, 2016

    0 votes
    3 answers
21. display: block по нажатию на radio

    Здравствуйте! Будьте добры, подскажите пожалуйста как сделать такую вещь... Есть два радио переключателя. Если выбрать один то определённый div у которого был display none становится display block, если нажать на другой то первый блок должен снова становиться display none а новый уже display block. Мне нужен самый примитивный вариант реализации такой вещи. Я искала но находила примеры с jQuery но грузить всю библиотеку для такой простой вещи как то не хочется - это не правильно. Спасибо!

    Asked by Anechka, June 23, 2016

    • form
    • radio
    • display
    • block
    0 votes
    1 answer
22. Как заставить видео и картинку масштабироваться пропорционально?

    Здравствуйте! Такая проблема: Есть сайт где на фоне сверху лежит видео, сразу под ним лежит картинка, которая является продолжением видео, имеет такую же изначальную ширину (1920) и должна совпадать с видео пиксель в пиксель, чтоб не было понятно, где оно заканчивается и начинается статическая картинка. Ещё нужно, чтоб они не сужались при уменьшении окна, а центрировались (на видео в центре есть объект, который всегда должен оставаться в центре). Этого достигнуть я пытаюсь с помощью "object-fit: cover" на <video> и на <img> и все хорошо пока ширина окна не начинает превышать 1920рх , тогда они начинают увеличиваться не пропорционально и видео начинает пе…

    Asked by foxer, June 23, 2016

    • html
    • css
    0 votes
    2 answers
23. Приоритет слоя и скролл в tbody

    Доброго времени суток. Возникло два таких вопроса... Во-первых, где-то перемудрила со стилями и выпадающий блок у корзины в шапке, кроме главной везде обрезается, вроде все проверила, но причину найти не могу: http://ruki24.aveas.ru/emarket/cart/ Во-вторых, я сделала скрол, для таблицы в выпадающем блоке у корзины в шапке, но я хотела бы реализовать скрол у tbody, а не у всей таблицы, но вот не могу придумать, как это можно сделать. Спасибо =)

    Asked by Mary_RND, June 21, 2016

    • html
    • css
    0 votes
    4 answers
24. Подключение/отключение скрипта при разной ширине экрана

    Всем привет! Очень нужна Ваша помощь! Как можно реализовать подключение скрипта при определенной ширине экрана, а также при его ресайзе. Моих знаний по js хватило чтобы написать только такой код: if ($(window).width() > 767) { $('.fullpage').fullpage(); } А как сделать, чтобы скрипт отключился при изменении ширины экрана менее 768px, а при ресайзе в обратном направлении снова включился

    Asked by alejandro13, June 22, 2016

    • js
    0 votes
    0 answers
25. использовать nth-child

    Добрый день подскажите как можно решить с помощью nth-child такой вопрос. Есть таблица: <table> <tr> <td>1</td><td>2</td> </tr> <tr> <td>3</td><td>4</td> </tr> <tr> <td>1</td><td>2</td> </tr> <tr> <td>3</td><td>4</td> </tr> </table> Как можно убрать(скрыть) первую ячейку в каждой четной строке? Должны скрыться все ячейки где цифра 3. Спасибо за помощь.

    Asked by alxtmb, June 22, 2016

    • nth-child
    0 votes
    3 answers