Не могу вставить background - HTML и CSS

79167241864 · 13.04.2012, 10:32

Это код html документа

Код HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body>

<div id="maket">

<div id="header"> </div>

<div id="left">

<ul id="menu">

<li><a></a><li>

<li><a></a><li>

<li><a></a><li>

<li><a></a><li>

<li><a></a><li>

</ul>

</div>

<div id="content">Содержимое страницы Содержимое страницы Содержимое страницы Содержимое страницы</div>

</div>

<div id="footer">Подвал</div>

</body>

</html>
а это код CSS документа
body, html {

margin:0px;

padding:0px;

height: 100%;/*Высоты 100%*/

}



#maket {

width:875px;/*Задает ширину*/

margin:0 auto;/*Первое значение, прописанное в CSS свойстве Margin равно нулю — это означает, 

что основной Div контейнер будет вплотную прижат к верхнему и нижнему краю экрана*/

/*Второе значение в CSS свойстве Margin прописано как Auto — это означает, что отступ от левой и правой границы основного 

Div контейнера будет равномерно распределен,

в результате чего Div основной контейнер будет выровнен по центру относительно левого и правого края экрана.*/

text-align:left;/*выравнивание текста по левому краю*/

min-height: 100%;/*Минимальная высота 100%*/

border: solid 0px black;/*Залает Границы блока*/

}



#header{

width: 875px;

background-color:none; /*Задает цвет*/

height: 175px;

background: url (F:\1 рота 2\images\2.gif) no-repeat;

 position: relative;

}

#left{

background-color:green; /*Задает цвет*/

width:800px;/*Задает ширину*/

float:top;/*float выравнивет блок к нужному краю */

height: 80px;

}

#content{

background-color:yellow;/*Задает цвет*/

margin-top:10px;/*Отступ от верхнего края края*/

width: 800px;

}

#footer{

background-color:orange; /*Задает цвет*/

clear:both/*Ставин блок футер ниже всех блоков*/

height: 50px;/*Высота 50 пкс*/

margin-top:-50px; /*Отступ от верхнего края*/

width:800px;/*Задает ширину*/

margin:0 auto;

}



#menu{

  list-style: none;

    padding: 0;

    margin: 0;

    width: 774px;

    height: 210px;

    background: url(images/menu-bg.jpg) no-repeat;

    position: relative;

Обьясните пожалуйста как вставить в #header изображение

moshkin_ura · 14.04.2012, 00:19

Поставьте место:

Код:

background: url (F:\1 рота 2\images\2.gif) no-repeat;

Код:

background-image: url (F:\1 рота 2\images\2.gif) no repeat;

Arigato · 14.04.2012, 00:37

Код:

background: url("F:\1 рота 2\images\2.gif") no-repeat;

ShnapS · 14.04.2012, 10:56

moshkin_ura, Arigato - приведенные коды чушь.
Автор, смотри в правило для #menu

Код:

background: url(images/menu-bg.jpg) no-repeat;

в чем сложность сделать по аналогии для #header?

Arigato · 14.04.2012, 11:57

Ну кто его знает, может у него это не сайт, а на диске локальный html

А так, да, файл-то с диска берется. Но кроме этого надо еще пробел убрать перед скобкой и кавычки поставить, если в пути пробелы втречаются.

79167241864 · 14.04.2012, 21:30

Цитата:

Сообщение от Arigato

Ну кто его знает, может у него это не сайт, а на диске локальный html

А так, да, файл-то с диска берется. Но кроме этого надо еще пробел убрать перед скобкой и кавычки поставить, если в пути пробелы втречаются.

Да действительно сайт находится не на хостинге а на моем компьютере

79167241864 · 14.04.2012, 21:31

я перепробовал все предложенные варианты с каквычками и без кавычек с пробелами и без пробелов всёравно ни чего не получается((

Arigato · 14.04.2012, 22:26

Код:

background: url("file://F:/1 рота 2/images/2.gif") no-repeat;

79167241864 · 14.04.2012, 22:50

я нашел в чем проблема видимо нужно было задать размеры
background: url(images/target.gif) no-repeat 30px 20px;

14.04.2012, 00:19	#2
moshkin_ura Web Studio "БЕЛКО" Форумчанин Регистрация: 15.08.2011 Сообщений: 180	Поставьте место: Код: `background: url (F:\1 рота 2\images\2.gif) no-repeat;` Код: `background-image: url (F:\1 рота 2\images\2.gif) no repeat;` Есть три способа отвечать на вопросы: сказать необходимое, отвечать с приветливостью и – наговорить лишнего Плутарх - (ок. 46 — ок.120) - древнегреческий писатель, историк

14.04.2012, 00:37	#3
Arigato Высокая репутация СуперМодератор Регистрация: 27.07.2008 Сообщений: 15,551	Код: `background: url("F:\1 рота 2\images\2.gif") no-repeat;` E-Mail: arigato.freelance@gmail.com

14.04.2012, 10:56	#4
ShnapS Пользователь Регистрация: 15.05.2008 Сообщений: 44	moshkin_ura, Arigato - приведенные коды чушь. Автор, смотри в правило для #menu Код: `background: url(images/menu-bg.jpg) no-repeat;` в чем сложность сделать по аналогии для #header?

14.04.2012, 11:57	#5
Arigato Высокая репутация СуперМодератор Регистрация: 27.07.2008 Сообщений: 15,551	Ну кто его знает, может у него это не сайт, а на диске локальный html А так, да, файл-то с диска берется. Но кроме этого надо еще пробел убрать перед скобкой и кавычки поставить, если в пути пробелы втречаются. E-Mail: arigato.freelance@gmail.com

14.04.2012, 22:26	#8
Arigato Высокая репутация СуперМодератор Регистрация: 27.07.2008 Сообщений: 15,551	Код: `background: url("file://F:/1 рота 2/images/2.gif") no-repeat;` E-Mail: arigato.freelance@gmail.com

14.04.2012, 21:31	#7
79167241864 Новичок Джуниор Регистрация: 13.04.2012 Сообщений: 4	я перепробовал все предложенные варианты с каквычками и без кавычек с пробелами и без пробелов всёравно ни чего не получается((

14.04.2012, 22:50	#9
79167241864 Новичок Джуниор Регистрация: 13.04.2012 Сообщений: 4	я нашел в чем проблема видимо нужно было задать размеры background: url(images/target.gif) no-repeat 30px 20px;

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Ошибка. НЕ МОГУ ВСТАВИТЬ столбец В ЗАДАЧУ КОТОРАЯ ВЫВЕДЕТ СТОЛБЕЦ ИЗ ЕДИНИЦ ПОСЛЕ ЧИСЛА к.	Диас_	Паскаль, Turbo Pascal, PascalABC.NET	1	14.06.2011 18:49
Не могу вставить лист и удалить... файл прилагается	vladtr	Microsoft Office Excel	3	01.06.2011 12:41
Не могу вставить галерею слайдов в всплывающее окно.	Nelly_	JavaScript, Ajax	6	20.05.2011 10:44
копирую примечание - но не могу вставить в одну ячейку - текст занимает несколько ячеек.	Аспирин	Microsoft Office Excel	1	16.09.2010 01:44
Не могу вставить формулы! Help!!!!	Lyubov1990	Microsoft Office Excel	9	14.05.2009 17:41