| |
|
|
| | CSS:
body {
text-align: center;
margin-top: 0px;
background-color: 6e6e61;
margin-left: auto;
margin-right: auto;
font-family: verdana;
}
.main_01 {
margin-top: -309px;
height: 169px;
width: 900px;
}
.01 {
float: left;
background-image: url("pic/01.jpg");
height: 169px;
width: 680px;
}
.02 {
margin-top: -169px;
margin-left: 680px;
background-image: url("pic/02.jpg");
width: 220px;
height: 169px;
}
.03 {
margin-top: -169px;
margin-left: 970px;
background-image: url("pic/03.jpg");
width: 70px;
height: 169px;
}
.main_02 {
margin-top: 159px;
height: 150px;
width: 100%;
background-image: url("pic/11.jpg");
}
.main_03 {
height: 130px;
width: 900px;
}
.04 {
float: left;
background-color: f79b28;
height: 130px;
width: 680px;
}
.05 {
margin-top: -130px;
margin-left: 680px;
background-image: url("pic/04.jpg");
height: 130px;
width: 220px;
}
.06 {
margin-top: -130px;
margin-left: 970px;
background-image: url("pic/05.jpg");
width: 70px;
height: 130px;
}
.main_04 {
height: 10px;
width: 900px;
font-size: 0px;
}
.07 {
float: left;
margin-top: 0px;
margin-left: 0px;
background-image: url("pic/06.jpg");
height: 10px;
width: 680px;
}
.08 {
margin-top: -10px;
margin-left: 680px;
background-image: url("pic/07.jpg");
width: 220px;
height: 10px;
}
.09 {
font-size: 0px;
margin-top: -10px;
margin-left: 970px;
background-image: url("pic/08.jpg");
width: 70px;
height: 10px;
}
.main_05 {
height: 51px;
width: 900px;
}
.10 {
float: left;
background-color: FFFFFF;
height: 51px;
width: 680px;
}
.11 {
margin-top: -51px;
margin-left: 680px;
background-image: url("pic/09.jpg");
width: 220px;
height: 51px;
}
.12 {
margin-top: -51px;
margin-left: 970px;
background-image: url("pic/10.jpg");
width: 70px;
height: 51px;
}
.main_06 {
width: 900px;
}
.13 {
float: left;
width: 680px;
background-color: FFFFFF;
}
.14 {
float: left;
background-color: FFFFFF;
width: 220px;
}
.main_07 {
height: 10px;
width: 900px;
}
.15 {
font-size: 0px;
float: left;
width: 10px;
height: 10px;
background-image: url("pic/12.jpg");
}
.16 {
float: left;
background-color: FFFFFF;
width: 880px;
height: 10px;
font-size: 0px;
}
.17 {
float: left;
font-size: 0px;
width: 10px;
height: 10px;
background-image: url("pic/13.jpg");
}
.main_08 {
margin-top: 5px;
width: 900px;
font-size: 10px;
color: FFFFFF;
}
|
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
</head>
<link rel="stylesheet" href="css.css" type="text/css" />
<body>
<div class="main_02"></div>
<div class="main_01"><div class="01"></div><div class="02"></div></div>
<div class="03"></div>
<div class="main_03"><div class="04"></div><div class="05"></div></div>
<div class="06"></div>
<div class="main_04"><div class="07"></div><div class="08"></div></div>
<div class="09"></div>
<div class="main_05"><div class="10"></div><div class="11"></div></div>
<div class="12"></div>
<div class="main_06">
<div class="13">
основа
</div>
<div class="14">
меню
</div>
</div>
<div class="main_07"><div class="15"></div><div class="16"></div><div class="17"></div></div>
<div class="main_08">
</div>
</body>
</html>
|
В IE все идеально, в Opera ни одна картинка не отображается... почему? | |
| |
|
|
| |
|
|
| |
для: kireyev
(25.05.2009 в 11:39)
| | | Попробуйте заменить
.01 {
float: left;
background-image: url("pic/01.jpg");
height: 169px;
width: 680px;
}
|
например на
.d01 {
float: left;
background-image: url("pic/01.jpg");
height: 169px;
width: 680px;
}
|
Ну и всё остальное в таком же духе. Похоже Опера не понимает идентификаторы начинающиеся не с буквы. Кстати Фокс тоже не понимает. | |
| |
|
|
| |
|
|
| |
для: kireyev
(25.05.2009 в 11:39)
| | | кто же классы цифрами зовет | |
| |
|
|
