HTML Coding

29,542 questions in this forum

1. Разбор twitter bootstrap, задаем вопросы что не понятно

   Задаем вопросы и получаем ответы на них чисто по twitter bootstrap. У меня вот вопрос: div с классом row для чего используется? <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> </div>этот же код можно было сделать так? <div class="clearfix"></div><div class="col-md-4">.col-md-4</div><div class="col-md-4">.col-md-4</div><div class="col-md-4">.col-md-4</div><div class="clearfix"></div>Так ведь?

   Asked by across, June 25, 2014

   • twitter bootstrap
   • вопросы
   • ответы
   • css
   0 votes
   17 answers
2. Gzip и cache на сайте

   Здравствуйте. Кто что подскажет по gzip и кешированию? Пишу в .htaccess, мол, сожми текст и закешируй всё что можно. Оно всё работает, особенно gzip на 80% ужимает. Но Google Speed Test пишет, что никакого gzip и кеширования нет. У хостинга gzip автоматом не включен, то есть дублирования нет. Может, я где-то не права?

   Asked by kattiperk, February 27, 2016

   • gzip
   • cache
   0 votes
   3 answers
3. Выравнивание блоков по горизонтали без указания высоты/

   Здравствуйте! Подскажите, как выровнять блоки по горизонтали без указания высоты? Блоки идут друг за другом с помощью float:left (изменить не могу (например, на display:inline-block), так как выводится с помощью скрипта) Без указания высоты - потому что один блок может иметь бОльшую высоту, а другой - меньшую. Для понимания проблемы - набросала схему: http://savepic.ru/8815808.jpg

   Asked by Fendia, February 27, 2016

   0 votes
   6 answers
4. Блоки с товарами одинаковой высоты

   Здравствуйте! Имеется перечень товаров. В каждом блоке 3 составляющих. Картинка, название и свойство. Картинка имеет фиксированную высоту. А вот название и свойства, конечно же, могут состоять из разного количества строк. Так как каждый блок имеет бордер, в результате получаются все блоки разной высоты. Подскажите, пожалуйста, правильный подход к решению данного вопроса. вот пример - https://jsfiddle.net/wdb2e0hy/ Заранее благодарю за помощь.

   Asked by volshebnyi, February 26, 2016

   0 votes
   3 answers
5. Синхронизация вкладок

   Доброго времени суток, всем! Есть проблема синхронизации вкладок (табов) на сайте. Без примера, не объяснить, вот сайт: http://meatup.ru 1. Сайт в одну страницу и менюхи, которые Вы наблюдаете, вверху и внизу экрана и есть вкладки; 2. Кликая по ним, мы открываем соответствующую вкладе область в левой половине сайта; Косяк в следующем: 3. Жмите на вкладку из верхней менюхи, например, "О Нас" - открылась соответствующая область; 4. Теперь на любую вкладку из нижнего меню, например, "Термообработка" - и тоже, область открывается; 5. А вот, если мы опять нажмем на "О Нас" - то ничего не произойдет, т.к. вкладка осталась активной с прошлого раза. По отдельнос…

   Asked by Pechkin, February 27, 2016

   • вкладки tabs табы bootstrap
   0 votes
   1 answer
6. Структура семантических тегов в шаблоне на Bootstrap

   Здравствуйте. Решил сверстать шаблон с помощью Bootstrap как на скриншоте: Стандартная 12-колоночная сетка с полями, вместо дивов решил использовать семантические теги header, footer, article, aside, nav и др. Есть несколько идей: <header> <div class="container-fluid"> <div class="row"> <div class="container"> <div class="row"> <div class="col-xs-12"> </div> </div> </div> </div> </div></header>Можно ли контейнеры помещать внутрь других тегов? В документации Bootstrap нет ничего об этом. Или лучше так сделать?: <header class="container-fluid"> <div class="row"> …

   Asked by Sigizmund, February 24, 2016

   0 votes
   9 answers
7. Отцентровать "display:table-cell"

   Должно получиться следующее: Блоки должны быть по центру + отступы между ними Верстаю под IE9, этим блокам задал display:table-cell (IE9 flexbox не поддерживает, с полифилом что-то тоже не получается) Теперь их нужно отцентровать и добавить отступы между ними. Как это сделать? http://codepen.io/anon/pen/QNLYGw?editors=1100

   Asked by yaparoff, February 26, 2016

   0 votes
   8 answers
8. Как сделать анимацию цикличной?

   Как сделать анимацию цикличной? Есть блок, который маячит, привлекает, но делает он это всего 1 раз. Как и можно ли с помощью всего лишь css придать ему цикличность с заданными пробелами (остановками). Пример: .info-box {background : #c2ddf9;border : #CD0000 solid 1px;color : #CD0000; font-weight : 700; animation: spin 0.050s linear 3s alternate;animation-iteration-count: 10;}@keyframes spin { 0% {transform: scale(1.05, 1.05);}100% {transform: scale(0.9, 0.9);}} Спасибо!

   Asked by Vic-Tor, February 26, 2016

   • анимация
   • animation:
   • keyframes
   0 votes
   2 answers
9. футер (картинка)

   Привет народ, помогите пожалуйста решить задачу. Мне в футер надо вставить картинку и чтобы она была прижата к правому углу футера. вот у меня такое: <div id="footer"><div class="footer_image"></div></div> #footer {height: 150px;width:891px;background-color: darkblue; .footer_image {background-image: url(/theme/spring/p1.png);background-repeat: no-repeat;height: 150px;} Если возможно и есть время, то помогите пожалуйста.

   Asked by bobb, February 10, 2016

   0 votes
   15 answers
10. Запрет наследственности в CSS применимо к фильтрам.

    Есть желание на сайте использовать такой эффект - когда пользователь открывает меню сайта - хочу чтобы остальной сайт слегка размыло, чтобы заакцентировать внимание пользователя только на меню. Cначала я отслежива событие возникновения меню и через jQuery присваиваю тегу body стиль blur: jQuery('body').addClass('blur');когда меню исчезает - я и класс удаляю: jQuery('body').removeClass('blur');а вот сам класс: body.blur { -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px);}Тут всё прекрасно, всё работает, но есть одно но. Так как менюха является дочерним элементом для body - то и меню, собственно, тоже размывается. Я даже довесил событие возникнове…

    Asked by adward, February 26, 2016

    0 votes
    2 answers
11. Сдвиг блоков в бутстрап

    Суть проблемы: "У меня есть 2 типа пользователей, администратор и пользователь", у них есть набор кнопок управления, которые находятся в одной линии: <div class="col-md-12"> <div class="col-md-6 text-left">кнопки админа </div> <div class="col-md-6 text-right">кнопки пользователя </div> </div> Когда я для пользователя скрываю кнопки администратора то див, "col-md-6" переходит на начало, а кнопки становятся по правой стороне. Можно ли средствами бутстрапа сделать так, что если блока первого нет, второй становиться "col-md-12"? Я проблему решил через пхп, но интересно именно стилями Общий вид принскрина прилагаю: http://prntsc…

    Asked by myav4ik, February 26, 2016

    0 votes
    3 answers
12. Нестандартные колонки

    Добрый день! Хочу сделать колонки, которые идут в порядке 1 -> 2 3 -> 4 5 -> 6 при том блоки могут быть разной длинны Но из-за этого между ними создается разные отступы. помогите мне пожалуйста сделать отступ одинакового расстояния. Вот ссылка на макет: https://jsfiddle.net/71zmeo0c/

    Asked by Kempanchik, February 26, 2016

    • Колонки CSS HTML
    0 votes
    3 answers
13. как привязать изменение цвета текста к фокусу инпута

    Нужно сделать как на картинке, при фокусе инпута подсвечивается и сам инпут и текст-название. Как сделать фокус инпута это я знаю, но как привязать к этому и текст?

    Asked by Amerigoman, February 26, 2016

    0 votes
    1 answer
14. Google Maps Api

    Почему когда я добавляю в хтмл карту гугл с каким-то нужным мне местом, там не то место рендерится? Короче я допустим делал запрос когда-то ''государственный эрмитаж", а теперь добавляю фрейм с картой Уфы, но на моем сайте все время чтобы я не делал всеравно Эрмитаж. И это при том, что в коде скрипта координаты разные-другие. Объясните нубу пожалуйста.

    Asked by parliament, February 25, 2016

    • почему google maps
    0 votes
    0 answers
15. Равномерное растягивание IMG внутри блока DIV

    Имеем квадратный (равносторонний) div, внутри него лежит img: <div><img src="" /></div>Нужно сделать так, чтобы картинка растягивалась на весь объем дива и не оставалось пустого пространства, вот так: То есть, если изображение вертикальное, то растягивается по ширине дива, а если горизонтальное - по высоте. При этом края скрываются overflow:hidden. Нужно CSS-решение, без скриптов. P.S. Это должно работать как background:cover, только применительно к img.

    Asked by LUC, February 24, 2016

    0 votes
    2 answers
16. Скрыть div

    Добрый день!Как сделать,чтобы когда курсор в инпуте, add скрывался, а галочки показывалось?на чистом css!!! http://prntscr.com/a7q242

    Asked by Кнопа, February 25, 2016

    0 votes
    3 answers
17. отрицательный margin-top и рамка

    При вложении одного блока в другой и задании внутреннему блоку отрицательного margin-top возникает странное поведение. Если у внешнего блока есть рамка!, то внутренний блок смещается вверх на заданную величину. Если рамки нет, то вверх смещаются оба блока одновременно. Относительно друг друга блоки не смещаются. Вот пример http://codepen.io/anon/pen/EKYXxe Кто-нибудь может объяснить данное поведение?

    Asked by kryak, February 25, 2016

    0 votes
    1 answer
18. Адаптивная разметка html страницы

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

    Asked by bulqa, February 25, 2016

    • адаптивная раметка
    0 votes
    0 answers
19. Вид полосы прокрутки страницы (требуется изменить)

    Достался сайтик в нагрузку, просили подшаманить, но уперся в измененныю полосу прокрутки самой страницы http://joxi.ru/v29kwwuGLQ1RrG на скрине она очень мелкая, черная такая полоска.... в стилях не нашел упоминание, отключение в Body - overflow: hidden; body { padding: 0; font-family: 'Open Sans', sans-serif; color: #25272B; overflow: hidden; -webkit-backface-visibility: hidden;}ничего не дает... подскажите где копать? ссылка на сайт - http://albero-gallery.ruполоса появляется при наведении мыши Заранее спасибо

    Asked by Sergant4x4, February 24, 2016

    • полоса прокрутки css
    0 votes
    3 answers
20. Центрирование блоков в контейнере

    Здравствуйте. Есть блоки шириной 328px и контейнер шириной 1200px. Блоков в контейнере может быть от 1 до 3 ,они расположены горизонтально, но сейчас они прижимаются к левой стороне. Как сделать чтобы блоки центрировались в контейнере? https://jsfiddle.net/v64sxn2b/

    Asked by ishurgaya, February 25, 2016

    0 votes
    3 answers
21. Слайдер в шаблон статьи на WP

    Здравствуйте. Меня преследует проблема с добавлением слайдера в шаблон статьи. Сам слайдер устраивает - взяла плагин Owl Slider. Вставляется методом шорт-кода в шаблон index'a, например. Или методом нажатия на кнопку на панели инструментов при написании поста - в single.php в часть the_content. Но проблема вот в чем - макет немного нестандартный. Выглядит так - слайдер(часть the_content) => заголовок, дата, автор => основной текст (часть the_content). То есть как бы макет именно записи блога, тот участок the_content прерывается. Пока не вижу другого способа как вставить слайдер в шаблон. Статьи хранятся в базе, поправить название слайдера для каждой новой статьи не…

    Asked by kattiperk, February 25, 2016

    • wordpress
    • slider
    0 votes
    0 answers
22. Как подключить "загрузить фото"?

    Коллеги, добрый день! Подскажите, пожалуйста, способ сделать такую штуку - чтобы при перетаскивании на рамку картинка загружалась, а при клике открывался диалог выбора файла. Нужно именно изображения грузить, не все подряд. Скриншот вот Может есть какие-то библиотеки на гитхабе под это? Что-то по запросам, по которым я гугулил, какая-то ерунда высыпается - видимо формулирую неправильно. Подскажите пожалуйста, что-то такое подозрение, что если я это сделаю с нуля то изобрету велосипед )

    Asked by MaxWall, February 24, 2016

    0 votes
    3 answers
23. Треугольники и border-radius

    Привет. Следует прямо скосить верхний левый угол. Додумался до этого https://jsfiddle.net/rk0fx9nt/16/ и подскажите, как всё убрать до скоса верхнего левого угла. Имеется на данный момент http://hostingkartinok.com/show-image.php?id=c65ace8bb01aace655861b6024e018cc Желаемый результат http://hostingkartinok.com/show-image.php?id=405493024542524d953026854bfec016 (правой кнопкой мыши - открыть в новой вкладке).

    Asked by Kek, February 22, 2016

    0 votes
    2 answers
24. Первая html разметка по БЭМ

    Посмотрите пожалуйста разметку главной страници. А именно, правильно ли я понял суть именования классов по БЭМ. Только я для отделение элемента от блока использовал "_", а модификатор отделял "--" Ссылка на репозиторий: https://github.com/pashkes/olivia.git Скриншот макета в корне репозитория.

    Asked by Pashkes, February 24, 2016

    0 votes
    0 answers
25. Checkbox,radiobox изменение по клику на label

    Задача: сделать кастомизированый checkbox и radiobox. Для наглядности я убрал все стили, которые отвечают за оформление. Проблема : по клику на label состояние чекбокса(радиобокса) не изменяется. Почему? https://jsfiddle.net/o3720fkn/

    Asked by WhatIsHTML, February 24, 2016

    • label
    • radiobox
    • checkbox
    0 votes
    3 answers