| |
 130.1 Кб |
|
| | Помогите решить проблему со страничкой...
проблема в том что фон не фиксируется и прокручивается в низ....
меню состоит из картинок, файр фокс их обводит в рамку,
и самое важно помогите серый блок загнать на половину высоты меню, под меню))
вот html:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Друнин блог</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="telo">
<div class="space"></div>
<div class="menu">
<div class="link_corect">
<a href="#" class="link_menu"><img src="img/news.png"></a>
<a href="#" class="link_menu"><img src="img/music.png"></a>
<a href="#" class="link_menu"><img src="img/art.png"></a>
<a href="#" class="link_menu"><img src="img/trevel.png"></a>
</div>
</div>
<div class="content">
<div class="verh"></div>
<div class="px">
fgdfgdfgdfgdf
</div>
<div class="niz"></div>
</div>
</div>
</body>
</html>
|
вот CSS:
body
{
background-image:url(img/XR_006.jpg);
background-repeat:no-repeat;
background-position:center;
background-position:top;
background-color:#000;
background-attachment:fixed;
}
.menu
{
height:50px;
border:1px solid black;
background-image:url(img/menu.png);
background-repeat:no-repeat;
background-position:center;
z-index:50px;
}
.telo
{
margin:0 auto;
width:1002px;
height:1002px;
border:1px solid red;
}
.space
{
width:1000px;
height:220px;
border:1px solid green;}
.link_corect
{
padding-top:7px;
padding-left:120px;
}
.link_menu
{
outline-color:#C00;
outline:hidden;
}
.content
{ padding-top:-50px;
z-index:1px;
}
.content p
{
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#FFF;
}
.verh
{
width:1000px;
height:19px;
background-image:url(img/verh.png);
background-repeat:no-repeat;}
.px
{
width:1000px;
background-image:url(img/px.png);
}
.niz
{ width:1000px;
height:15px;
background-image:url(img/niz.png);
background-repeat:no-repeat;}}
|
в приложеном файле скрин сайта>>>>>>>>>>>>>>
заранее спасибо добрые люди)) | |
| |
|
|
| |
|
|
| |
для: Andreano
(15.06.2010 в 01:20)
| | | 1.
body
{
background-image:url(img/XR_006.jpg);
background-repeat:no-repeat;
background-position:center top;
background-color:#000;
background-attachment:fixed;
}
|
Так будет правильно
2.
3.
Допускается использовать только целые числа,никаких пикселов,миллиметров и т.д..
4.Серый блок можно подогнать под блок меню с помощью абсолютного позиционирования,например:
.menu
{
height:50px;
.................;
.................;
.................;
position:absolute;
top:100px;
}
|
Средняя горизонтальная линия блока меню ,стало быть,находится по вертикали от верхнего края окна на расстоянии 125 px.Серое поле надо подтянуть вверх на:
.px
{
width:1000px;
background-image:url(img/px.png);
position:absolute;
top:125px;
}
|
| |
| |
|
|
