X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Браузер не видит картинок бекграунда в CSS
КОНТРАСТ
КОНТРАСТ
Topic Starter сообщение 29.4.2014, 20:07; Ответить: КОНТРАСТ
Сообщение #1


Здравствуйте. Вообщем-то использую для написания программу Dreamweaver. С такой проблемой столкнулся впервые. Суть ее в том, что в окнах дримвивера (окна видов Live и Дизайн) верстка сайта Div'ами вместе с их бэкграундами, прописанными в СSS, отображается корректно, как нужно. Но при открытии этого же файла браузером - я получаю цвет фона, без единой картинки, ни один браузер не видит их.
Все перепроверял миллион раз, открываю параллельно аналогичный сайт, с такой-же версткой и наполнением - все работает.
Вот код.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Marina</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
<div align="center" class="block0">
<div class="block1" ></div>
<div class="block2" >
<div class="block3" ></div>
<div class="block4" ></div>
<div class="block5" ></div>
</div>


<div class="block6" >
<div class="block7" ></div>
<div class="block8" ></div>
<div class="block9" ></div>
<div class="block10" ></div>
</div>

<div class="block11" >
<div class="block12" ></div>
<div class="block13" ></div>
<div class="block14" ></div>
</div>
<div class="block15" >
<div class="block16" ></div>
<div class="block17" ></div>
<div class="block18" ></div>
<div class="block19" ></div>
</div>

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

А вот CSS
[CSS]*{
margin:0;
padding:0;
}
body{
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
text-transform:uppercase;
text-shadow: 1px 1px 2px #ccc;
font-size:14px;
background:#333;
color:#333;
}
.block0 {
position: relative;
width: 3489px;
height: 2362px;
float: left;
margin: 0auto;
}

.block1 {
width:201px;
height:2362px;
position: relative;
background: url('..\images\главная01.jpg');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block2 {
position: relative;

width: 612px;
height: 2362px;
float: left;

}
.block3 {
width:612px;
height:608px;
position: relative;
background-image: url('../images/главная02.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block4 {
width:612px;
height:975px;
position: relative;
background-image: url('../images/главная03.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block5 {
width:612px;
height:779px;
position: relative;
background-image: url('../images/главная04.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block6 {
position: relative;

width: 1197px;
height: 2362px;
float: left;

}

.block7 {
width:1197px;
height:608px;
position: relative;
background-image: url('../images/главная05.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block8 {
width:1197px;
height:600px;
position: relative;
background-image: url('../images/главная06.png');
padding: 0px;
padding-right: 0px;
float: left;
}
.block9 {
width:1197px;
height:620px;
position: relative;
background-image: url('../images/главная07.png');
padding: 0px;
padding-right: 0px;
float: left;
}
.block10 {
width:1197px;
height:534px;
position: relative;
background-image: url('../images/главная08.png');
padding: 0px;
padding-right: 0px;
float: left;
}
.block11 {
position: relative;

width: 588px;
height: 2362px;
float: left;

}
.block12 {
width:588px;
height:608px;
position: relative;
background-image: url('../images/главная09.png');
padding: 0px;
padding-right: 0px;
float: left;
}

.block13 {
width:588px;
height:1220px;
position: relative;
background-image: url('../images/главная010.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block14 {
width:588px;
height:534px;
position: relative;
background-image: url('../images/главная011.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block15 {
position: relative;

width: 891px;
height: 2362px;
float: left;

}
.block16 {
width:891px;
height:608px;
position: relative;
background-image: url('../images/главная012.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block17 {
width:891px;
height:600px;
position: relative;
background-image: url('../images/главная013.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}

.block18 {
width:891px;
height:620px;
position: relative;
background-image: url('../images/главная014.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
.block19 {
width:891px;
height:534px;
position: relative;
background-image: url('../images/главная015.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
padding-right: 0px;
float: left;
}
[/CSS]

Ребята, кто может, выручайте.:nea:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 30.4.2014, 1:26; Ответить: MetSerp
Сообщение #2


Когда вы смотрите в ДВ, вы смотрите через движок эксплорера, если я не ошибаюсь, сто лет не запускал ДВ.
Из того что бросилось в глаза это русские имена файлов.
В случае кривой кодировки, путь к файлу станет некорректным.
Учитывая что вы не задали кодировку в мета теге, браузеры попытаются её угадать, судя по проблеме, у них это не получается.
Переименуйте файлы на латиницу и попробуйте еще раз.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) ✅ Dolphin{anty} — современный антидетект-браузер -❗️10 бесплатных профилей каждому❗
67 DolphinAnty 21631 19.4.2024, 18:24
автор: DolphinAnty
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыLinken Sphere - многопоточный браузер / антидетект / арбитраж трафика / мультиаккаунтинг
43 Gor510 19300 19.4.2024, 15:05
автор: Gor510
Горячая тема (нет новых ответов) ⭕Антидетект браузер AdsPower для эффективной работы с мультиаккаунтами!
83 AdsPower 24437 14.4.2024, 22:52
автор: AdsPower
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 2384 23.3.2024, 7:41
автор: Room
Горячая тема (нет новых ответов) Google запускает новый браузер элементами искусственного интеллекта
38 arendator 13497 21.3.2024, 18:10
автор: Rebex


 



RSS Текстовая версия Сейчас: 25.4.2024, 4:08
Дизайн