HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Изображение в три колонки
Есть вот такая страница с картинки https://jsfiddle.net/Lh8kz698/1/ Суть вопроса в том что хочу сделать картинки в три колонки. Если менять параметр width = 30% то оно впринципи получается но картинки становятся очень большие. Какие параметры есть чтоб сделать в три колонки по центру страницы, чтоб с изменением width менялся только размер?
0 votes7 answers -
Отцентровать "display:table-cell"
Должно получиться следующее: Блоки должны быть по центру + отступы между ними Верстаю под IE9, этим блокам задал display:table-cell (IE9 flexbox не поддерживает, с полифилом что-то тоже не получается) Теперь их нужно отцентровать и добавить отступы между ними. Как это сделать? http://codepen.io/anon/pen/QNLYGw?editors=1100
0 votes8 answers -
Применить стиль к label при фокусе на input
Обязательное условие - подсветка текста при фокусе на input. Простой пример. http://jsfiddle.net/GuCk4/45/ Как сделать так, чтобы при фокусе на input, стиль оставался примененным и к label, а не пропадал сразу же после клика? Нашел решение с помощью JQuery, но возможно есть способ попроще без скриптов? Структуру html можно изменять, лишь бы выполнялось условие.
0 votes6 answers -
Google Maps Api
Почему когда я добавляю в хтмл карту гугл с каким-то нужным мне местом, там не то место рендерится? Короче я допустим делал запрос когда-то ''государственный эрмитаж", а теперь добавляю фрейм с картой Уфы, но на моем сайте все время чтобы я не делал всеравно Эрмитаж. И это при том, что в коде скрипта координаты разные-другие. Объясните нубу пожалуйста.
0 votes0 answers -
SEO оптимизированный шаблон HTML страницы
Нужен SEO оптимизированный шаблон HTML страницы.
0 votes5 answers -
Генератор мета тегов
Нужен правильный генератор всех мета тегов по стандарту W3C. Желательно html шаблон.
0 votes2 answers -
Адаптивная разметка html страницы
Нужен шаблон с лучшей техникой адаптивной разметки. В итоге нужно получить страницу без ограничений по максимальной и по минимальной ширине. Включая проигрывание видео и аудио.
0 votes0 answers -
отрицательный margin-top и рамка
При вложении одного блока в другой и задании внутреннему блоку отрицательного margin-top возникает странное поведение. Если у внешнего блока есть рамка!, то внутренний блок смещается вверх на заданную величину. Если рамки нет, то вверх смещаются оба блока одновременно. Относительно друг друга блоки не смещаются. Вот пример http://codepen.io/anon/pen/EKYXxe Кто-нибудь может объяснить данное поведение?
0 votes1 answer -
Скрыть div
Добрый день!Как сделать,чтобы когда курсор в инпуте, add скрывался, а галочки показывалось?на чистом css!!! http://prntscr.com/a7q242
0 votes3 answers -
Центрирование блоков в контейнере
Здравствуйте. Есть блоки шириной 328px и контейнер шириной 1200px. Блоков в контейнере может быть от 1 до 3 ,они расположены горизонтально, но сейчас они прижимаются к левой стороне. Как сделать чтобы блоки центрировались в контейнере? https://jsfiddle.net/v64sxn2b/
0 votes3 answers -
Слайдер в шаблон статьи на WP
Здравствуйте. Меня преследует проблема с добавлением слайдера в шаблон статьи. Сам слайдер устраивает - взяла плагин Owl Slider. Вставляется методом шорт-кода в шаблон index'a, например. Или методом нажатия на кнопку на панели инструментов при написании поста - в single.php в часть the_content. Но проблема вот в чем - макет немного нестандартный. Выглядит так - слайдер(часть the_content) => заголовок, дата, автор => основной текст (часть the_content). То есть как бы макет именно записи блога, тот участок the_content прерывается. Пока не вижу другого способа как вставить слайдер в шаблон. Статьи хранятся в базе, поправить название слайдера для каждой новой статьи не…
0 votes0 answers -
Как лучше сделать фон или блок в целом
Верстаю этот шаблон, подскажите как лучше сверстать блок, там где комп в хедере, пугает что там есть блик над текстом и что фон на два цвета заполняется, может сделать два блока? .jpg макета .psd можно скачать там со страницы шаблона на сайте Ну как-то так.. надеюсь вы меня поняли Вот я кое что нарисовал как примерно размечать, только как блик туда запихнуть? а кто-нибудь может сверстать эту часть если не сложно, а я посмотрю, ну а если нет то хоть дайте совет как лучше сделать здесь разметку и css
0 votes13 answers -
Равномерное растягивание IMG внутри блока DIV
Имеем квадратный (равносторонний) div, внутри него лежит img: <div><img src="" /></div>Нужно сделать так, чтобы картинка растягивалась на весь объем дива и не оставалось пустого пространства, вот так: То есть, если изображение вертикальное, то растягивается по ширине дива, а если горизонтальное - по высоте. При этом края скрываются overflow:hidden. Нужно CSS-решение, без скриптов. P.S. Это должно работать как background:cover, только применительно к img.
0 votes2 answers -
Структура семантических тегов в шаблоне на 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"> …
0 votes9 answers -
Первая html разметка по БЭМ
Посмотрите пожалуйста разметку главной страници. А именно, правильно ли я понял суть именования классов по БЭМ. Только я для отделение элемента от блока использовал "_", а модификатор отделял "--" Ссылка на репозиторий: https://github.com/pashkes/olivia.git Скриншот макета в корне репозитория.
0 votes0 answers -
Checkbox,radiobox изменение по клику на label
Задача: сделать кастомизированый checkbox и radiobox. Для наглядности я убрал все стили, которые отвечают за оформление. Проблема : по клику на label состояние чекбокса(радиобокса) не изменяется. Почему? https://jsfiddle.net/o3720fkn/
0 votes3 answers -
Вид полосы прокрутки страницы (требуется изменить)
Достался сайтик в нагрузку, просили подшаманить, но уперся в измененныю полосу прокрутки самой страницы 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полоса появляется при наведении мыши Заранее спасибо
0 votes3 answers -
Как подключить "загрузить фото"?
Коллеги, добрый день! Подскажите, пожалуйста, способ сделать такую штуку - чтобы при перетаскивании на рамку картинка загружалась, а при клике открывался диалог выбора файла. Нужно именно изображения грузить, не все подряд. Скриншот вот Может есть какие-то библиотеки на гитхабе под это? Что-то по запросам, по которым я гугулил, какая-то ерунда высыпается - видимо формулирую неправильно. Подскажите пожалуйста, что-то такое подозрение, что если я это сделаю с нуля то изобрету велосипед )
0 votes3 answers -
Не отображается шрифт
В макете указан такой текст: Если навести на него в фотошопе то название у него "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…
0 votes1 answer -
Прозрачный цифры на фоне
Здравствуйте! Столкнулся со следующей задачей. Надеюсь, вы мне подскажите, как быть. Имеется 4 (цифры), выполнены как прозрачные. Сзади цифр и по бокам фон разный. Вся идея в том, что это не статичная картинка, а цифры меняются в зависимости от наполнения сайта контентом. Подскажите, пожалуйста, как проще реализовать. https://yadi.sk/i/7j25fW-6pPFqC
0 votes1 answer -
Вертикальное выравнивание изображений
Здравствуйте. Подскажите, пожалуйста, как сделать вертикальное выравнивание в списке изображений? Нужно сделать следующее: p.s делаю слайдом каждое изображение, добавляется обтекание элементу по левому краю float: left
0 votes2 answers -
Упс, высота блока и float изображения
Ширина блока .cmessage зависит от текста, а не всего контента (текст + картинка). У картинки CSS свойство "float: left". Как сделать полноценный блок? Структура: <div class="cblock"> <div class="ctitle">Заголовок</div> <div class="cmessage"> Контент </div> <div class="cdetails">Серая полоска с инфой</div></div>
0 votes2 answers -
Как сделать правый бар с помощью bootstrap grid?
Каждый пост .row с 8 колонками и правый бар с 4 колонками, как сделать что правый бар не зависило от .row т.е правые колонки будут разной высоты не зависимости от от высоты поста? Это надо использовать Flex или Masonry? Сайт Html код Макет как должно быть
0 votes1 answer -
Диагональные (или треугольные блоки)
Можете подсказать примеры реализации таких блоков? При ховере картинка должна двигаться.
0 votes1 answer -
Вариант расположение меню не перекрывая слои
Доброго времени суток. Было много проблем в начальной стадии, поэтому скажем, что-то я перемудрила... http://test3.aveas.ru/- вот сайт, меню с пунктами Общеклинические направленияКосметологияПластическая хирургияСтоматологияТ.к. я еще не до программировала этот момент с меню, третий уровень выпадает пока только на этой странице в разделе Пластическая хирургия, подменю Нос, и там появляется третий раздел при наведении http://test3.aveas.ru/napravleniya/plasticheskaya-hirurgiya/nos/ Проблема в том что при том же 1024 меню съезжает, из-за вставленного кастыля overflow пришлось поставить большой padding, чтобы не обрезался третий уровень. Подскажите как сделать по дру…
0 votes4 answers