HTML Coding

29542 questions in this forum

1. Равномерное растягивание 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
2. Первая html разметка по БЭМ

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

   Asked by Pashkes, February 24, 2016

   0 votes
   0 answers
3. Структура семантических тегов в шаблоне на 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
4. Как лучше сделать фон или блок в целом

   Верстаю этот шаблон, подскажите как лучше сверстать блок, там где комп в хедере, пугает что там есть блик над текстом и что фон на два цвета заполняется, может сделать два блока? .jpg макета .psd можно скачать там со страницы шаблона на сайте Ну как-то так.. надеюсь вы меня поняли Вот я кое что нарисовал как примерно размечать, только как блик туда запихнуть? а кто-нибудь может сверстать эту часть если не сложно, а я посмотрю, ну а если нет то хоть дайте совет как лучше сделать здесь разметку и css

   Asked by Bava, February 24, 2016

   0 votes
   13 answers
5. Запрет наследственности в 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
6. Слайдер в шаблон статьи на 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
7. Центрирование блоков в контейнере

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

   Asked by ishurgaya, February 25, 2016

   0 votes
   3 answers
8. Скрыть div

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

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

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

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

   Asked by kryak, February 25, 2016

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

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

    Asked by bulqa, February 25, 2016

    • адаптивная раметка
    0 votes
    0 answers
11. Google Maps Api

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

    Asked by parliament, February 25, 2016

    • почему google maps
    0 votes
    0 answers
12. Генератор мета тегов

    Нужен правильный генератор всех мета тегов по стандарту W3C. Желательно html шаблон.

    Asked by bulqa, February 25, 2016

    • Генератор мета тегов
    0 votes
    2 answers
13. SEO оптимизированный шаблон HTML страницы

    Нужен SEO оптимизированный шаблон HTML страницы.

    Asked by bulqa, February 25, 2016

    • SEO оптимизированный шаблон H
    0 votes
    5 answers
14. Применить стиль к label при фокусе на input

    Обязательное условие - подсветка текста при фокусе на input. Простой пример. http://jsfiddle.net/GuCk4/45/ Как сделать так, чтобы при фокусе на input, стиль оставался примененным и к label, а не пропадал сразу же после клика? Нашел решение с помощью JQuery, но возможно есть способ попроще без скриптов? Структуру html можно изменять, лишь бы выполнялось условие.

    Asked by WhatIsHTML, February 26, 2016

    • form
    • label
    • input
    • focus
    0 votes
    6 answers
15. Отцентровать "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
16. Изображение в три колонки

    Есть вот такая страница с картинки https://jsfiddle.net/Lh8kz698/1/ Суть вопроса в том что хочу сделать картинки в три колонки. Если менять параметр width = 30% то оно впринципи получается но картинки становятся очень большие. Какие параметры есть чтоб сделать в три колонки по центру страницы, чтоб с изменением width менялся только размер?

    Asked by galsik2009, February 26, 2016

    • html
    • css
    0 votes
    7 answers
17. Сдвиг блоков в бутстрап

    Суть проблемы: "У меня есть 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
18. как привязать изменение цвета текста к фокусу инпута

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

    Asked by Amerigoman, February 26, 2016

    0 votes
    1 answer
19. Нестандартные колонки

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

    Asked by Kempanchik, February 26, 2016

    • Колонки CSS HTML
    0 votes
    3 answers
20. Использование Column

    Есть меню с перечислением общеклиническими направлениями, для разбития на столбцы подпунктов использовала column Проблема в том, что он делает разбитие li слева направо, а мне надо сверху вниз. Когда рассматривала примеры работы с column везде текст идет сверху вниз (( http://test3.aveas.ru/napravleniya/obshcheklinicheskie-napravleniya/

    Asked by Mary_RND, February 26, 2016

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

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

    Asked by volshebnyi, February 26, 2016

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

    Как сделать анимацию цикличной? Есть блок, который маячит, привлекает, но делает он это всего 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
23. Горизонтальное выпадающее меню

    Доброго времени суток! Подскажите пожалуйста, как выровнять выпадающее меню по горизонтали? http://codepen.io/anon/pen/wGvBNQ

    Asked by luckyguy, February 26, 2016

    0 votes
    12 answers
24. Помощь по мере обучения в вёрстке сайта

    Всем привет. Я ещё зелёный в Web-разработке и с целью получения опыта я решил сделать сайт с концепцией направленной на реклакс пользователя(возможно вы встречали подобные, если же нет то вот пример). Так вот я очень прошу читающих это заглядывать в эту тему и в случи возникших вопросов помочь мне. Я буду очень благодарен. Ну а пока у меня есть вопрос: Допустим у меня есть два блока которые лежат друг на друге и один из них всегда не активен, так же есть две кнопки которые также лежат друг на друге(дадим условные имена объектам блок1, блок2, кнопка1, кнопка2,). Эти две кнопки абсолютно идентичны кроме содержащего текста и их функции. При чём эти кнопки лежат с остальн…

    Asked by IlyaKulik, February 26, 2016

    • html
    • css
    • javascript
    • php
    • begginer
    0 votes
    3 answers
25. Синхронизация вкладок

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

    Asked by Pechkin, February 27, 2016

    • вкладки tabs табы bootstrap
    0 votes
    1 answer