Для тега <div> с id="leftSideMenu" я хочу задать изображение background-a.. В чем проблема? - HTML и CSS

Роман Корчовський · 23.02.2017, 23:01

Вот у меня есть html код.

Код:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="description" content="Сайт">
		<meta name="keywords" content="Сайт">
		<title> Сайт </title>
		<link rel="stylesheet" href="css/main.css">
	</head>
	<body>
        <div id="leftSideMenu">
        
        </div>
	</body>
</html>

Для тега <div> с id="leftSideMenu" я хочу задать изображение background-a.. В чем проблема?

Код:

* {
	width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
div#leftSideMenu {
    width: 1000px;
    height: 1000px;
    background: url ('../content/leftSideMenu.jpg');
    }

Вадим Мошев · 23.02.2017, 23:43

Разные варианты:
1. Картинка не существует по этому адресу
2. Регистр её имени не совпадает с тем, как вы к ней обратились

Да, попробуйте убрать пробел между url и ('../content/leftSideMenu.jpg'), то есть, написать: background: url('../content/leftSideMenu.jpg');

Кстати,

Код:

div#leftSideMenu

- вот так писать нет смысла. Достаточно просто написать #leftSideMenu, так как id должен быть только у одного элемента, поэтому не обязательно акцентировать внимание на том, что id должен быть у дива.

Роман Корчовський · 24.02.2017, 17:09

Цитата:

Сообщение от Вадим Мошев

Разные варианты:
1. Картинка не существует по этому адресу
2. Регистр её имени не совпадает с тем, как вы к ней обратились

Да, попробуйте убрать пробел между url и ('../content/leftSideMenu.jpg'), то есть, написать: background: url('../content/leftSideMenu.jpg');

Кстати,

Код:

div#leftSideMenu

- вот так писать нет смысла. Достаточно просто написать #leftSideMenu, так как id должен быть только у одного элемента, поэтому не обязательно акцентировать внимание на том, что id должен быть у дива.

Спасибо большое, убрал пробел и всё хорошо.

23.02.2017, 23:01	#1
Роман Корчовський Регистрация: 19.02.2017 Сообщений: 9	Для тега <div> с id="leftSideMenu" я хочу задать изображение background-a.. В чем проблема? Вот у меня есть html код. Код: `<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="description" content="Сайт"> <meta name="keywords" content="Сайт"> <title> Сайт </title> <link rel="stylesheet" href="css/main.css"> </head> <body> <div id="leftSideMenu"> </div> </body> </html>` Для тега <div> с id="leftSideMenu" я хочу задать изображение background-a.. В чем проблема? Код: `* { width: 100%; height: auto; margin: 0; padding: 0; } div#leftSideMenu { width: 1000px; height: 1000px; background: url ('../content/leftSideMenu.jpg'); }`

23.02.2017, 23:43	#2
Вадим Мошев Старожил Регистрация: 12.11.2010 Сообщений: 8,568	Разные варианты: 1. Картинка не существует по этому адресу 2. Регистр её имени не совпадает с тем, как вы к ней обратились Да, попробуйте убрать пробел между url и ('../content/leftSideMenu.jpg'), то есть, написать: background: url('../content/leftSideMenu.jpg'); Кстати, Код: `div#leftSideMenu` - вот так писать нет смысла. Достаточно просто написать #leftSideMenu, так как id должен быть только у одного элемента, поэтому не обязательно акцентировать внимание на том, что id должен быть у дива. Последний раз редактировалось Вадим Мошев; 23.02.2017 в 23:46.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
хочу узнать в чем проблема...	Edm	Windows	10	23.02.2013 14:49
div style="background:	Kazik	HTML и CSS	1	18.02.2013 12:50
регулярка для тега div	promt	PHP	1	15.09.2012 01:06
div тег как нижний слой для второго div тега	dadli	HTML и CSS	2	30.07.2010 01:12
Парсинг тега div	motorway	PHP	5	10.03.2010 02:22