Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/6: Рейтинг темы: голосов - 6, средняя оценка - 5.00
konopro.ru
0 / 0 / 0
Регистрация: 25.04.2012
Сообщений: 52
#1

Фоновое изображение

25.04.2012, 16:56. Просмотров 1043. Ответов 9
Метки нет (Все метки)

Всем есть здрасти!
Я вот веб мастером хочу стать, мечтаю о своем проекте, kinopro.ru кинотека...
Вот учусь, все хорошо было, пока е встретил такую проблему, как бы я не пытался вписать свойство BACKGROUND а именно для того что бы картинку на задний фон сделать...
суть вопроса, как сделать и в чем моя проблема ?
Вот скину сюда исходники..
HTML INDEX.HTML
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html>
    <head>
            <title>kinopro.ru</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="discription" content="konopro.ru.кино. кинофильмы. мультфильмы.новые">
<meta name="revisit" content="1">
<meta name="author" content="kinopro.ru">
<meta name="copyright" content="kinopro">
<link rel="shortcut icon" href="http://www.cyberforum.ru/images/" />
<link href="css/kino.css" type="text/css" rel="stylesheet">
    </head>
    
    <body> 
    <div class="edit">
    <div class="header">
    <img src="http://www.cyberforum.ru/images/header.png" rel="kinopro.ru">
    </div>
    <div class="menusata">
    <img src="http://www.cyberforum.ru/images/menu.png" rel="menu">
    </div>
    <div class="menu"><h2>Левое меню сайта</h2>
    </div>
    <div class="robmenu">Это рабочее меню
    <h2>Вы смотрите: Звездные войны: Эпизод 3 - Месть Ситхов</h2>
<center>
.<object height="385" width="640" type="application/x-shockwave-flash" data="http://video.namba.kg/swf/player/3.2.9/flowplayer-3.2.9.swf"><param value="true" name="allowfullscreen"><param value="opaque" name="wmode"><param value="always" name="allowscriptaccess"><param name="src" value="http://video.namba.kg/swf/player/3.2.9/flowplayer-3.2.9.swf" /><param value="config=http://video.namba.kg/flashvars-3.2.9.php?i=2852550_2852546__210874_1" name="flashvars"></object>
</center>
<p><h2><strong>"Звездные войны: Эпизод 3 - Месть Ситхов" (2005)
Star Wars: Episode III - Revenge of the Sith</strong></h2></p>
 
<p><strong>Продолжительность:</strong> 140 мин.</p>
 
<p><strong>Жанр</strong> Фантастика, Боевик, Фэнтези, Приключения.</p>
<p><strong>Страна:</strong> США.</p>
<p><strong>Слоган:</strong> "Сага окончена.".</p>
<p><strong>Режиссер:</strong> Джордж Лукас.</p>
<p><strong>Сценарий:</strong> Джордж Лукас.</p>
<p><strong>Продюсеры:</strong> Джордж Лукас, Ник МакК аллум.</p>
<p><strong>Оператор:</strong> Дэвид Тэттерсолл.</p>
<p><strong>Композитор:</strong> Джон Уильямс.</p>
<p><strong>В ролях:</strong> Юэн МакГрегор, Натали Портман, Хейден Кристенсен, Иэн МакДайармид, Сэмюэл Л. Джексон, Джимми Смитс, Фрэнк Оз, Энтони Дэниелс, Кристофер Ли, Кейша Касл-Хьюз, Сайлэс Карсон, Джей Лагая, Брюс Спенс, Уэйн Пиграм, Темура Моррисон, Дэвид Боуэрс, Оливер Форд Дэвис, Ахмед Бест, Роэн Никол, Джереми Буллок ...</p>
<p><strong>Бюджет:</strong> 113 000 000$.</p>
<p><strong>Кассовые сборы в мире:</strong> 469 727 028$.</p>
<p><strong>Кассовые сборы в США:</strong> 380 270 577$.</p>
<p><strong>Кассовые сборы в России:</strong> 8 269 382$.</p>
<p><strong>Премьера в мире:</strong> 15.05.2005.</p>
<p><strong>Премьера в России:</strong> 19.05.2005.</p>
<p><strong>Рейтинг MPAA:</strong> PG-13 (Детям до 13 лет просмотр не желателен).</p>
<p><strong>Официальный сайт:</strong> http://www.starwars.com/episode-iii/.</p>
 
<p><strong>Краткое описание:</strong></p>
 
 <p>После трёх долгих лет жестоких сражений, Война Клонов близка к завершению. Совет джедаев даёт Оби-Вану Кеноби задание доставить Генерала Гривоса, сурового командующего сепаратистской армии дроидов, в руки правосудия. Тем временем на Корусканте усиливается власть Канцлера Палпатина. Его стремительные политические реформы преобразуют ослабленную войной Республику в могущественную Галактическую Империю. Палпатин открывает Анакину Скайуокеру, своему ближайшему соратнику, истинную сущность могущества и секреты Великой Силы в надежде привлечь его на тёмную сторону...</p>
    </div>
    <div class="edit1">Copyright &copy;<a href="http://kinopro.ru">kinopro.ru</a>
    </div>
</div>
    </body>
</html>
CSS KINOPRO.CSS

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
body
{
    background: url("body.png");
}
 
.edit
{
    /*border: 1px solid black;*/
    width: 900px;
    margin: 20px auto 20px;
}
 
.header
{
    /*border: 1px solid red;*/
    overflow: hidden;
}
 
.menusata
{
    /*border: 1px solid green;*/
    overflow: hidden;
}
 
.menu
{
    /*border: 1px solid blue;*/
    float: left;
    overflow: hidden;
}
 
.robmenu
{
    /*border: 1px solid green;*/
    overflow: hidden;
    padding: 20px;
}
 
.edit1
{
    /*border: 1px solid red;*/
    overflow: hidden;
    text-align: center;
}
В чем я ошибся ?
или как это сделать, если можно то пожалуйста расскажите как сделать картинку не повторающуюс, так что бы она растянулась на весь фон. Так как она не малогго размера. ?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.04.2012, 16:56
Ответы с готовыми решениями:

Фоновое изображение
Доброе время суток! Подскажите, пожалуйста, как &quot;растянуть&quot; по вертикали...

фоновое изображение
Нужно сделать фоновое изображение как на этом сайте (дорога с машиной), В том...

Фоновое изображение
Всем привет думаю эта тема сейчас актуальна так как я не раз пытался нати в...

Фоновое изображение
Всем привет! есть картинка размером 5000x3750 она подставлена фоном при...

Фоновое изображение
Как сделать фон как на кинопоиске http://www.kinopoisk.ru/film/9544/. Имею...

9
AnasteZiya
33 / 26 / 3
Регистрация: 17.11.2011
Сообщений: 77
25.04.2012, 22:38 #2
CSS
1
2
3
4
body
{
    background: url (body.png);
}
И это в том случае, если у Вас файл css находится в одной папке с приведённой Вами страницей html.
0
Heleg
206 / 206 / 6
Регистрация: 23.10.2011
Сообщений: 970
26.04.2012, 09:35 #3
Цитата Сообщение от AnasteZiya Посмотреть сообщение
background: url (body.png);
пробел нельзя
CSS
1
background: url(body.png);
0
NapalmRain
41 / 41 / 6
Регистрация: 18.05.2010
Сообщений: 653
26.04.2012, 11:28 #4
Цитата Сообщение от konopro.ru Посмотреть сообщение
background: url("body.png");
Да как бы в принципе запись неверная.

CSS
1
background-image: url('body.png');

Цитата Сообщение от konopro.ru Посмотреть сообщение
или как это сделать, если можно то пожалуйста расскажите как сделать картинку не повторающуюс,
Так же советую присмотреться к таким пунктам, как
CSS
1
2
3
background-repeat: ...;
//и
background-position: ...
0
Heleg
206 / 206 / 6
Регистрация: 23.10.2011
Сообщений: 970
26.04.2012, 11:54 #5
с чего эт она неверная? а ты валидни!
0
NapalmRain
41 / 41 / 6
Регистрация: 18.05.2010
Сообщений: 653
26.04.2012, 12:41 #6
Цитата Сообщение от Heleg Посмотреть сообщение
с чего эт она неверная?
Исправлюсь.
Не корректная.
С такой записью, по крайней мере у меня, на лицо. нарушение кроссбраузерности.
Опера не отображает изображение, у мазилы работает через раз (проверил на нескольких компах с разной версией мазилы), гугл и IE показывают без проблем. Но надо же стремиться к лучшему))

С записью background-image на всех проверенных браузерах проблем не было.
0
Heleg
206 / 206 / 6
Регистрация: 23.10.2011
Сообщений: 970
26.04.2012, 13:15 #7
у меня никогда не было проблем, я наверно ни разу даже и не пользовался background-image; что-то у тебя с конфликтами стилей, я думаю

Добавлено через 5 минут
проверил сейчас на лисичке 3, сафаре 4, опере 10. всё работает
0
konopro.ru
0 / 0 / 0
Регистрация: 25.04.2012
Сообщений: 52
26.04.2012, 16:46  [ТС] #8
Ответ найден!
Заключался он в том что, я незнал что если указываешь background в css нажно саму папку images или картнку в папке css хранить.
0
Heleg
206 / 206 / 6
Регистрация: 23.10.2011
Сообщений: 970
26.04.2012, 17:27 #9
Цитата Сообщение от konopro.ru Посмотреть сообщение
нажно саму папку images или картнку в папке css хранить.
ээээ.... ты тут не прав. файл всё равно где хранить, нужно прописать правильный путь, можно хоть через http
0
NapalmRain
41 / 41 / 6
Регистрация: 18.05.2010
Сообщений: 653
27.04.2012, 09:18 #10
Цитата Сообщение от Heleg Посмотреть сообщение
ээээ.... ты тут не прав. файл всё равно где хранить, нужно прописать правильный путь, можно хоть через http
Совершенно верно.
konopro.ru, ты к этому приглядись, а то сложится неверное мнение, потом переучивать придётся Это обычно сложнее
0
27.04.2012, 09:18
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
27.04.2012, 09:18

Фоновое изображение
День добрый. Подскажите, чем воспользоваться и как сделать на css следующее: в...

Фоновое изображение
Всем привет. Я верстаю страницу, у которой есть фоновое изображение. В css для...

[CSS] Фоновое изображение
Не могу понять почему не устанавливается фоновое изображение, если в качестве...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru