HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Другие темы раздела

HTML, CSS Воспроизведение потокового видео в HTML5 https://www.cyberforum.ru/ html/ thread1938959.html
Есть источник сигнала iptv : http://95.188.88.178:1234/udp/225.54.223.71:5000 Вставляю этот источник в “VLC media player” или “Windows Media Player” всё хорошо работает. Вставляю этот источник в тег “video” из HTML5, плеер пишет ошибку “ИСТОЧНИК НЕ НАЙДЕН” : <video width="320" height="240" src="http://95.188.88.178:1234/udp/225.54.223.71:5000" ...

HTML, CSS Увеличить блок при наведении, не трогая другие
При наведении они все сдвигаются, нужно что бы только увеличился главный, не знаю как сделать как можно проще, подскажите пожалуйста <div class="page-full"> <div class="block">Какой то блок</div> <div class="block">Какой то блок</div> <div class="block">Какой то блок</div> </div> .page-full {

HTML, CSS Зафиксировать элемент относительно другого Добрый день! Есть основная колонка, и некий зафиксированный position: fixed; элемент. Не могу понять, как можно этот фиксированный элемент установить на некотором расстоянии (например, в 10px) сбоку от этой колонки, например, слева? Так, чтобы при изменении ширины экрана это расстояние не изменялось (т.е. чтоб по горизонтали зафиксированный блок всегда был на 10 пикселей левее этой колонки). ... https://www.cyberforum.ru/ html/ thread1938926.html

HTML, CSS Разделить страницу на 4 части Как разделить страницу на 4 части так что бы по середине то бы был блок Что бы эти все блоки были масштабируемые https://www.cyberforum.ru/ html/ thread1938922.html

Расположить элементы друг напротив друга HTML, CSS
Как такое застилизовать как на картинке... <div class="pager-block" style="float:left;"> <img src="{{ asset('bundles/cms/images/left-page.png') }}" alt="" width="16" height="16" style="margin-bottom:5px;"> </div> <div class="text-block"> <span>New user</span><br> <span>Users</span> </div>

HTML, CSS Не ставятся блоки в ряд https://www.cyberforum.ru/ html/ thread1938787.html
Я не знаю почему не ставится вроде все правильно делал каждое содержимое в див брал и задавал #line_block { width:110px; height:50px; background:#f1f1f1; float:left; margin: 0 15px 15px 0; text-align:center; padding: 10px; ну изменений не было потом поубирал дивы и img к Img поставил они то рядом встали , а как форму ещё...

HTML, CSS Как разместить заголовок h3 по центру https://www.cyberforum.ru/ html/ thread1938773.html
есть заголовок h3 находится в диве не могу разместить его по центру. при помощи padding: 0 auto; мне нужно применять padding-left? вот код <div id="content"> <h3><span>Произведения Жубана</span></h3> <div class="first-row"> <img src="#" alt="банер1" /> <img src="#" alt="банер2" /> </div> <div class="first-row"> <img src="#" alt="банер3" /> <img src="#"...

HTML, CSS Вставить анимированную картинку внутрь рамы
Есть два файла horse.gif и img24.jpg Необходимо сделать так, чтобы лошадка была в рамке. Вот мой код <html> <head> <title>Анимированная картинка внутри рамки</title> </head> <body>

HTML, CSS Как заменить кнопку в мобильной версии https://www.cyberforum.ru/ html/ thread1938413.html
Как сделать так чтобы кнопка заказать менялась на другую кнопку во время мобильной версии. Ну или так чтобы одна кнопка включалась только в компьютерной версии а другая в мобильной? Вот в компьютерной версии я добавил форму обратного звонка а в телефоной эта кнопка должна сразу звонить http://gruzovoetaksi116.ru

HTML, CSS Скорость выполнения свойств в css https://www.cyberforum.ru/ html/ thread1938405.html
Изучая css в голову пришла такая мысль, а можно ли узнать скорость выполнения того или иного свойства? Может уже кто-нибудь пытался проверять, или где-нибудь написано про это?

Сайт не хочет адаптироваться под chrome при изменении ширины экрана HTML, CSS
Сайт не хочет адаптироваться под chrome при изменении ширины экрана Как доверстать сайт под хром? На всех браузерах, кроме chrome это прекрасно работает. Использовалось @media screen and (max-width: .......px){ #div{width: 100%;}}

HTML, CSS Z-Index сошел с ума или кто кого покроет Уважаемые формчане! Очень требуется ваша помощь! Не могу понять в чем косяк. Уже и поспал, и почитал и кажется всевозможные варианты перепробовал, но все же ищу помощи. Есть сайт Я казалось бы хорошо верстаю, имею опыт в бэкенде, джс, нода меня не пугает. Но здесь случилась беда. На офере слайдер в слайдере есть кнопки управления, текст, картинчки и тд, все супер. Но не форма. инпуты формы не...

Black_Star

23 / 22 / 17

Регистрация: 06.05.2016

Сообщений: 260

Как сделать такой фон? - HTML, CSS - Ответ 10217933

15.03.2017, 15:09. Показов 1607. Ответов 4

Метки (Все метки)

Author24 — интернет-сервис помощи студентам

Добрый день уважаемые. Подскажите пожалуйста какие свойства надо задавать что б получить такой фон как на картинке? Фон взят с сайта https://www.spotify.com/us/
Не понимаю, я прописываю

CSS

.block-jumbotron{
position: fixed; /* Вообще исчезает*/
width: 100%;
height: 500px;
box-sizing: border-box;
background: rgba(255, 0, 0, 0.3) url("../img/jumbotron/bg-albums.png") 50% 50% repeat; /* не понимаю как автор градиентную заливку засунул поверх фото*/
}

Вернуться к обсуждению:
Как сделать такой фон? HTML, CSS

Следующий ответ

Миниатюры

Заказать работу у эксперта

Лучшие ответы (1)

Сообщение: #10218125

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

15.03.2017, 15:09

Готовые ответы и решения:

Как сделать такой фон????
на этом сайте на фоне стоит картинка которая распологаеься по центру вне зависимости от разрешения...

Как сделать такой задний фон? (CSS)
Как сделать задний фон как на фото через css, то-есть, что бы цвет был голубым, но шли диагональные...

Нужно сделать такой фон (Полоску фона (адаптивного) как на Рамблере про олимпиаду)
Привет. Нужно сделать такую полоску фона (адаптивного) как на Рамблере про олимпиаду...

Как правильно сверстать такой фон?
Верстаю макет (учебный). Как правильно добавить градиентный фон в области которую выделил на первой...

	15.03.2017, 15:09

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

15.03.2017, 15:09

Помогаю со студенческими работами здесь

как задать такой фон страницы?
может я торможу, но ребят, подскажите как задать такой фон страницы: как наложить градиент на...

Как сделать резиновый фон шапки и резиновый фон меню?
Как сделать резиновый фон шапки и резиновый фон меню?

Как сделать фон
Подскажите как мне сделать фон внизу, если вверху у меня картинка с коллажами, а высота сайты...

Можно ли точно наложить картинку на такой же фон?
Есть две картинки img1 and img2 одного размера. 1) Можно ли задать каринке img1 фон=img2. 2)...

Новые блоги и статьи
Администрирование Git, продвинутые техники работы с Git InfoMaster 11.01.2025 Основы управления репозиторием Эффективное управление Git-репозиторием требует глубокого понимания механизмов контроля доступа и инструментов администрирования. Рассмотрим ключевые аспекты. . .	Что такое HCL Notes и как с ним работать InfoMaster 10.01.2025 HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой комплексную платформу для совместной работы и обмена информацией в корпоративной среде. Это многофункциональное решение,. . .	Как работать с Git из Windows и Visual Studio InfoMaster 10.01.2025 Работа с Git в Windows Работа с Git в операционной системе Windows может быть осуществлена с помощью различных инструментов, каждый из которых обладает своими уникальными возможностями и. . .	Аналог оператора switch case в Python InfoMaster 10.01.2025 Оператор switch case используется в программировании для выбора одного из нескольких вариантов исполнения кода. Однако в языке Python этот оператор отсутствует. Понимание аналогов switch case в. . .	Отличия абстрактного класса от интерфейса InfoMaster 10.01.2025 В современной разработке программного обеспечения существуют два основных механизма реализации абстракции: абстрактные классы и интерфейсы. Эти инструменты, хотя и схожи в своей основной цели -. . .	Как работать в Git InfoMaster 10.01.2025 Git — это одна из наиболее популярных систем контроля версий, которая активно используется разработчиками по всему миру. Она позволяет эффективно управлять изменениями в коде, координировать работу. . .
Реализация передвижения персонажа в Unity3d на C# InfoMaster 10.01.2025 Реализация передвижения персонажа в Unity3D начинается с правильной настройки проекта. Этот этап критически важен для создания отзывчивого и плавного управления. Рассмотрим основные шаги для создания. . .	Docker: руководство для начинающих InfoMaster 10.01.2025 В современном мире разработки программного обеспечения контейнеризация стала неотъемлемой частью процесса создания и развертывания приложений. Docker, как ведущая платформа контейнеризации, произвела. . .	Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .	Что такое NullReferenceException и как исправить? InfoMaster 08.01.2025 NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .	Что такое Null Pointer Exception (NPE) и как это исправить? InfoMaster 08.01.2025 Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .	Русский язык в консоли C++ InfoMaster 08.01.2025 При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .

Наверх