Не ставится фоном картинка

@ArtSmm · Регистрация: 07.01.2016

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

Всем привет. Не пойму в чем вопрос, синтаксис у команды background:url() no-repeat; верный, а картинка в блоке .leftblock и .rightblock не ставится. Где могу ошибаться?
Через тег Img - без проблем

https://jsfiddle.net/ArtSmm/8m... NG4PdxJ5c7

@astartes · 15.02.2016, 17:15

В Фидле не отображаются ни картинки не бэк
лучше просто кусок css сюда

@ArtSmm · 15.02.2016, 17:17 **[ТС]**

CSS:

body {
font-family: 'Open Sans', sans-serif;
background:#eef3fa;
}

h1 {
font-size:28px;
}

h2 {
font-size:18px;
}

.header, .leftside, .main, .footer {
width:60%;
margin:auto;
}

.main {
min-height:200px;
height:500px;
background-color:#fff;
border:1px solid #000;
}

.header {
height:80px;
background:#fff;
border:1px dashed #000;
}

/*Меню*/

.nav {
width:100%;
list-style:none;
text-transform:uppercase;
}

.nav li {
padding:10px;
position:relative;
display:inline-block;
font-weight:bold;
}

.nav li a {
display:block;
padding:5px;
color:#000;
text-decoration:none;
}

.nav li a:hover{
color:#49C1DA;
text-decoration:none;
}

/*---------------------*/

.leftside {
height:200px;
background-color:#feae4d;
border:1px solid #000;
}

/*Картинки в Leftside*/

.leftblock {
float:left;
width:25%;
height:200px;
background: linear-gradient(to bottom right, #444, #2e2e2e); /*Градиент*/
}

.leftblock1 {
float:left;
width:5%;
height:200px;
background:#6f6f6f; /*Серый*/
}

.rightblock {
float:right;
width:70%;
height:200px;
background:#20c2f5; /*Синий*/
}

.footer {
height:80px;
background-color:#f0f0f0;
border:1px dashed #000; /*Серый подвал*/
}

/*Надписи в лого*/

.biz {
color:#e4b98f;
list-style:none;
border:1px dashed #fff;
}

.biz li {
font-size:25px;
display:inline;
text-align:center;
border:1px dashed #fff;
}

.leftblock p{
margin-top:5px;
font-size:16px;
color:#fff;
}

HTML:

<!DOCTYPE html>
<html>
<head>
<title>BIZ.Consult - best consulting services</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style/style.css" rel='stylesheet' type='text/css'>
</head>

<body>
<div class="header">
<ul class="nav">
<li>
<a href="#">Home page</a>
</li>
<li>
<a href="#">About us</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Solutions</a>
</li>
<li>
<a href="#">News</a>
</li>
<li>
<a href="#">Contacts</a>
</li>
</ul>
</div>
<div class="leftside">
<div class="leftblock1">
</div>
<div class="leftblock">
<ul class="biz">
<li>BIZ.</li>
<li>Consult</li>
</ul>
<p>Best consulting services</p>
</div>
<div class="rightblock">

</div>
</div>
<div class="main">

</div>
<div class="footer">

</div>
</body>
</html>

@astartes · 15.02.2016, 17:23

я что то в css не увидел ни одной конструкции вида background: url()

@ArtSmm · 15.02.2016, 17:41 **[ТС]**

Это понятно, сейчас ее там нет. Я когда пишу в коде эту конструкцию, а из Html убираю, картинка не отображается, те команда берется, фон ставится, а сама картинка нет

@astartes · 15.02.2016, 17:58

если в коде срабатывает картинка, а бэк из css нет - то по всей видимости путь неверный к картинке.
из файла стилей путь к картинке: "../images/pic1.jpg"

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Киев стоит - украинская песня zorxor 28.01.2026 wfWdiRqdTxc О Господи, Вечный, Ты . . . Я помоги, Бесконечный. . . Я прошу Ты. . . Я погибаю, спаси. . . Я прошу Тебя Вечный. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@ArtSmm 32 / 32 / 2 Регистрация: 07.01.2016 Сообщений: 487

	Не ставится фоном картинка 15.02.2016, 16:42. Показов 3988. Ответов 5 Метки нет (Все метки) Всем привет. Не пойму в чем вопрос, синтаксис у команды background:url() no-repeat; верный, а картинка в блоке .leftblock и .rightblock не ставится. Где могу ошибаться? Через тег Img - без проблем https://jsfiddle.net/ArtSmm/8m... NG4PdxJ5c7 0

@astartes 7 / 7 / 4 Регистрация: 16.06.2015 Сообщений: 63
	15.02.2016, 17:15
	В Фидле не отображаются ни картинки не бэк лучше просто кусок css сюда 0

@ArtSmm 32 / 32 / 2 Регистрация: 07.01.2016 Сообщений: 487
	15.02.2016, 17:17 [ТС]
	CSS: body { font-family: 'Open Sans', sans-serif; background:#eef3fa; } h1 { font-size:28px; } h2 { font-size:18px; } .header, .leftside, .main, .footer { width:60%; margin:auto; } .main { min-height:200px; height:500px; background-color:#fff; border:1px solid #000; } .header { height:80px; background:#fff; border:1px dashed #000; } /Меню/ .nav { width:100%; list-style:none; text-transform:uppercase; } .nav li { padding:10px; position:relative; display:inline-block; font-weight:bold; } .nav li a { display:block; padding:5px; color:#000; text-decoration:none; } .nav li a:hover{ color:#49C1DA; text-decoration:none; } /---------------------/ .leftside { height:200px; background-color:#feae4d; border:1px solid #000; } /Картинки в Leftside/ .leftblock { float:left; width:25%; height:200px; background: linear-gradient(to bottom right, #444, #2e2e2e); /Градиент/ } .leftblock1 { float:left; width:5%; height:200px; background:#6f6f6f; /Серый/ } .rightblock { float:right; width:70%; height:200px; background:#20c2f5; /Синий/ } .footer { height:80px; background-color:#f0f0f0; border:1px dashed #000; /Серый подвал/ } /Надписи в лого/ .biz { color:#e4b98f; list-style:none; border:1px dashed #fff; } .biz li { font-size:25px; display:inline; text-align:center; border:1px dashed #fff; } .leftblock p{ margin-top:5px; font-size:16px; color:#fff; } HTML: <!DOCTYPE html> <html> <head> <title>BIZ.Consult - best consulting services</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="style/style.css" rel='stylesheet' type='text/css'> </head> <body> <div class="header"> <ul class="nav"> <li> <a href="#">Home page</a> </li> <li> <a href="#">About us</a> </li> <li> <a href="#">Services</a> </li> <li> <a href="#">Solutions</a> </li> <li> <a href="#">News</a> </li> <li> <a href="#">Contacts</a> </li> </ul> </div> <div class="leftside"> <div class="leftblock1"> </div> <div class="leftblock"> <ul class="biz"> <li>BIZ.</li> <li>Consult</li> </ul> <p>Best consulting services</p> </div> <div class="rightblock"> </div> </div> <div class="main"> </div> <div class="footer"> </div> </body> </html> 0

@astartes 7 / 7 / 4 Регистрация: 16.06.2015 Сообщений: 63
	15.02.2016, 17:23
	я что то в css не увидел ни одной конструкции вида background: url() 0

@ArtSmm 32 / 32 / 2 Регистрация: 07.01.2016 Сообщений: 487
	15.02.2016, 17:41 [ТС]
	Это понятно, сейчас ее там нет. Я когда пишу в коде эту конструкцию, а из Html убираю, картинка не отображается, те команда берется, фон ставится, а сама картинка нет 0

@astartes 7 / 7 / 4 Регистрация: 16.06.2015 Сообщений: 63
	15.02.2016, 17:58
	если в коде срабатывает картинка, а бэк из css нет - то по всей видимости путь неверный к картинке. из файла стилей путь к картинке: "../images/pic1.jpg" 1