HTML Coding

29542 questions in this forum

1. Изображение в три колонки

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

   Asked by galsik2009, February 26, 2016

   • html
   • css
   0 votes
   7 answers
2. Отцентровать "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
3. Применить стиль к 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
4. Google Maps Api

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

   Asked by parliament, February 25, 2016

   • почему google maps
   0 votes
   0 answers
5. SEO оптимизированный шаблон HTML страницы

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

   Asked by bulqa, February 25, 2016

   • SEO оптимизированный шаблон H
   0 votes
   5 answers
6. Генератор мета тегов

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

   Asked by bulqa, February 25, 2016

   • Генератор мета тегов
   0 votes
   2 answers
7. Адаптивная разметка html страницы

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

   Asked by bulqa, February 25, 2016

   • адаптивная раметка
   0 votes
   0 answers
8. отрицательный margin-top и рамка

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

   Asked by kryak, February 25, 2016

   0 votes
   1 answer
9. Скрыть div

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

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

   0 votes
   3 answers
10. Центрирование блоков в контейнере

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

    Asked by ishurgaya, February 25, 2016

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

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

    Asked by Bava, February 24, 2016

    0 votes
    13 answers
13. Равномерное растягивание 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
14. Структура семантических тегов в шаблоне на 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
15. Первая html разметка по БЭМ

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

    Asked by Pashkes, February 24, 2016

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

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

    Asked by WhatIsHTML, February 24, 2016

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

    Достался сайтик в нагрузку, просили подшаманить, но уперся в измененныю полосу прокрутки самой страницы 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
18. Как подключить "загрузить фото"?

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

    Asked by MaxWall, February 24, 2016

    0 votes
    3 answers
19. Не отображается шрифт

    В макете указан такой текст: Если навести на него в фотошопе то название у него "DecorC"Нашел этот шрифт в сети (хотя и с трудом), скачал файл в формате .otf, сгенерировал в форматы .eot, .ttf, .woff, .woff2 на сайте fontsquirrel.com Подключил как положено: @font-face { font-family: "Decorc"; src: url('../fonts/decorc_1-webfont.eot'); /* IE9 Compat Modes */ src: url('../fonts/decorc_1-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/decorc_1-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/decorc_1-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/decorc_1-webfont.ttf') format('truetyp…

    Asked by yaparoff, February 24, 2016

    0 votes
    1 answer
20. Прозрачный цифры на фоне

    Здравствуйте! Столкнулся со следующей задачей. Надеюсь, вы мне подскажите, как быть. Имеется 4 (цифры), выполнены как прозрачные. Сзади цифр и по бокам фон разный. Вся идея в том, что это не статичная картинка, а цифры меняются в зависимости от наполнения сайта контентом. Подскажите, пожалуйста, как проще реализовать. https://yadi.sk/i/7j25fW-6pPFqC

    Asked by greenastra, February 23, 2016

    0 votes
    1 answer
21. Вертикальное выравнивание изображений

    Здравствуйте. Подскажите, пожалуйста, как сделать вертикальное выравнивание в списке изображений? Нужно сделать следующее: p.s делаю слайдом каждое изображение, добавляется обтекание элементу по левому краю float: left

    Asked by Temiks, February 23, 2016

    0 votes
    2 answers
22. Упс, высота блока и float изображения

    Ширина блока .cmessage зависит от текста, а не всего контента (текст + картинка). У картинки CSS свойство "float: left". Как сделать полноценный блок? Структура: <div class="cblock"> <div class="ctitle">Заголовок</div> <div class="cmessage"> Контент </div> <div class="cdetails">Серая полоска с инфой</div></div>

    Asked by iBars, February 23, 2016

    0 votes
    2 answers
23. Как сделать правый бар с помощью bootstrap grid?

    Каждый пост .row с 8 колонками и правый бар с 4 колонками, как сделать что правый бар не зависило от .row т.е правые колонки будут разной высоты не зависимости от от высоты поста? Это надо использовать Flex или Masonry? Сайт Html код Макет как должно быть

    Asked by codemix, February 23, 2016

    0 votes
    1 answer
24. Диагональные (или треугольные блоки)

    Можете подсказать примеры реализации таких блоков? При ховере картинка должна двигаться.

    Asked by fireman691, February 23, 2016

    0 votes
    1 answer
25. Вариант расположение меню не перекрывая слои

    Доброго времени суток. Было много проблем в начальной стадии, поэтому скажем, что-то я перемудрила... http://test3.aveas.ru/- вот сайт, меню с пунктами Общеклинические направленияКосметологияПластическая хирургияСтоматологияТ.к. я еще не до программировала этот момент с меню, третий уровень выпадает пока только на этой странице в разделе Пластическая хирургия, подменю Нос, и там появляется третий раздел при наведении http://test3.aveas.ru/napravleniya/plasticheskaya-hirurgiya/nos/ Проблема в том что при том же 1024 меню съезжает, из-за вставленного кастыля overflow пришлось поставить большой padding, чтобы не обрезался третий уровень. Подскажите как сделать по дру…

    Asked by Mary_RND, February 23, 2016

    • html
    • css
    0 votes
    4 answers