Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
Другие темы раздела
HTML, CSS Создание текстовой НТМЛ-страницы https://www.cyberforum.ru/ html/ thread2584109.html
Как возникает радуга? Откуда берется удивительное красочное свет, исходящий вот дуг радуги? Все радуги - это солнечный свет, разложенный на компоненты и перемещено по небосвода таким образом, что он кажется исходящим вот части небосвода, противоположной то, где находится Солнце. Научное объяснение радуги впервые дал Рене Декарт в 1637 Декарт объяснил радугу на основании законов...
HTML, CSS Простой сайт на html через блокнот
Приветствую!Прошу вашего совета. Пишу сайт с нуля. Не могу найти инфу,которая будет работать на блокноте. Сделать разметку картинок и подписать их. Пробовала по разному, не получается. Будет типа интернет-магазина цветов, нужно красиво сделать галерею с подписями. Буду рада любому совету. Вот код html <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>...
HTML, CSS Не перемещался при увеличение/уменьшении Как сделать чтоб текст не перемещался при увеличение/уменьшении <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>LifeHack-Mobilak</title> <link rel="stylesheet" href="css/price_style.css"> <link rel="shortcut icon" href="favicon.jpg"> <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css"> https://www.cyberforum.ru/ html/ thread2583802.html HTML, CSS Шаблонизатор для HTML -> PUG https://www.cyberforum.ru/ html/ thread2583769.html
Нужна помощь в написании миксина для PUG. Всегда делал небольшие компоненты и вставлял их через include ../components/footer/footer в верху файла страницы, и вот так +footer() в теле страницы. Минус такого подхода есть то, что компонент не динамический. В данной ситуации понадобилась вот такая миксина. (еще не разобрался как с ними работать на 100%) Суть: Есть кнопка, которая может быть...
Как заставить работать тег autoplay HTML, CSS
Имеется следующий код: <html> <head> <title> Музыка</title> </head> <body> </embed> <audio controls autoplay> <source src="music.mp3" type="audio/mpeg">
HTML, CSS Центрирование изображения внутри элемента Здравствуйте! Есть задача - не загружая семантическую составляющую вложенными конструкциями, сформировать правило в CSS для центрирования: надо изображение (header.jpg) размером в 8 fr расположить по центру (по горизонтали) grid-блока header, а пустые места справа и слева обычным бэкграундом залить. Я применял разные теги CSS ничего не удалось. .header { height: 8em; padding:... https://www.cyberforum.ru/ html/ thread2583586.html
HTML, CSS Перенос текста https://www.cyberforum.ru/ html/ thread2583511.html
Доброго времени суток, есть сайт, на нем должен выводиться текст как обычный абзац, но почему то выводится в строчку. Помогите пожалуйста. css для этого абзаца. .prewiew_text_full span { width: 10px; margin-left: 1%; margin-top: 7%; font-size: 13pt; word-wrap: normal;
HTML, CSS Непонятная ситуация со шрифтом woff2
Есть у меня один и тот же шрифт в двух файлах - woff и woff2. Подключаю их так: @font-face { font-family: 'gico'; font-weight: 400; src: local('gico'), url('../res/gico.woff2') format('woff2'), url('../res/gico.woff') format('woff'); }
HTML, CSS Что такое data-*. Как пользоваться? Не давно узнал что есть атрибут data. В интернете нету никакой информации вообще. Мне нужно чтобы при выборе из списка менялось прозрачность картинки. Буду рад кто поможет) https://www.cyberforum.ru/ html/ thread2583434.html HTML, CSS Не корректно отображаются элементы Добрый день только начинаю верстать то есть учусь . Хочу сверстать форму но что то не работает <section class="info"> <div class="wrapper"> <div class="text"> <p>Много много текста</p> </div> <form name="newform"> <div class="block1"> ... https://www.cyberforum.ru/ html/ thread2583380.html
HTML, CSS Позиционирование относительно сиблинга
Привет форумчане, допустим есть такой код: <div class = "parent"> <div class = "sibling1"></div> <div class = "sibling2"></div> </div> Вопрос: как позиционировать первый сиблинг относительно ко второму? то есть задать одному из них pos:relative а другому pos:abs? реально ли это как то реализовать?
HTML, CSS Адаптивный блок с фоновым рисунком Необходимо сделать блок с текстом и фоновым рисунком....Чтобы блок был адаптивным..Ничего не получается( Находится вот по этому адресу : http://irenaterra.dn.ua/ <!doctype html> <html lang="en"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--
469 / 334 / 144
Регистрация: 16.02.2018
Сообщений: 930
14.02.2020, 18:14 0

background-image - HTML, CSS - Ответ 14253341

14.02.2020, 18:14. Показов 798. Ответов 2
Метки (Все метки)

Ответ

sidsych, вы присваиваете фон, блоку, который существенно больше изображения, и никак его не позиционируете.
проще всего создать блок, рядом с цифрами (температура), который будет по ширине и высоте соотвествовать размерам фоновой картинки 1в1. И уже ему вы будете задавать свойство background-image: url('img/icon-weather.png');
то есть у вас получиться примерно следущее
HTML5
1
2
3
4
5
6
7
8
9
10
    <header>
        <div class="fixed-container">
            <a href="#" aria-label="News"> <img id="logo" src="img/logo.png" alt="logotip"> </a>
        </div>
        <div class="weather">
             <span class="icon"></span>
             <span>+22°C</span>
        </div>
    
    </header>
CSS
1
2
3
4
5
6
.icon  {
    background: url('img/icon-weather.png') no-repeat center center;
    width: 30px; //тут ширина вашей картинки
    height: 30px; //тут высота вашей картинки
    display: block;
}
останется только разместить блоки на линии, просто зададите блоку weather свойство display: flex;

Вернуться к обсуждению:
background-image HTML, CSS
1
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
14.02.2020, 18:14
Готовые ответы и решения:

Работа с background-color,background-image
Добрый день ув. пользователи! Подскажите пожалуйста, можно как-то сделать, что бы div, которому...

Очередность border-image и background-image у вложенных элементов
Я работаю с одной графической библиотекой для настольных приложений, в которой пользовательский...

Background и background-image
Добрый день ув. пользователи! Подскажите пожалуйста какие свойста в css отвечают за изменение...

background image
Ребята помогите не меняет фоновою картинку, вот мой стиль body { font-family: helvetica,...

2
14.02.2020, 18:14
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
14.02.2020, 18:14
Помогаю со студенческими работами здесь

background image
Доброе время суток! Народ, как сделать что бы background image растягивался по размеру окна в...

Background-image
Сайт на Joomla. Шаблон protostar. Вернее скопировал шаблон, переименовал все названия protostar на...

Background-image
Почему в первом варианте картинка не подстраивается по размеру экрана, &lt;!DOCTYPE html&gt; на это же не...

Background-image
Доброго дня. Как начинающий хотел спросить: браузер не видит обьединенные свойства...

0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru