хелп с блоком!

cyber_ua · December 7, 2011

пытаюсь написать скрипт всплывающего блока с затемнением фона затемне ние фона сделал а вот блок хотяб просто создать нполучается!

вот код

хтмл

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="style.css" rel="stylesheet" type="text/css" >
<title>Документ без названия</title>
</head>

<body>
<div id="blok"></div>
<div id="dv"></div>
<div id="page">

<div id="header">

<img src="all/images/cyber-war-photo-2.jpg" class="header" / >
<script type="text/javascript" src="headerGalery/HD.js"></script>        
        <div id="container-menu">
        <div id="left"></div>
        <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">News</a></li>
                <li><a href="#">Blogs</a></li>
                <li><a href="#">About</a> </li>
                <li><a href="#">Services</a></li>
        </ul>
        <div id="right"></div>
        </div>
</div>
</div>
</body>
</html>

css

@charset "windows-1251";
*{margin:0; padding:0;}
#blok{
	width:30%;
	height:15%;
	bacground-color:#FFF;
	position:absolute;
	z-index:1;
	}
#dv{
	z-index:2;
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.7;}

img{
	border:0px;}

.header{width:100%;}
#header{
	height:25%;}
body{background-image:url(all/images/bg.gif);
	background-repeat:repeat;
	}



#page {
	margin:0 auto;
	margin-left:25%;
	margin-right:25%;
	background-image:url(all/images/bg.jpg);
	background-repeat:repeat;
	border:1px solid black;
	height:900px;
	position:relative;}
	#left {
        background:#000 url(images/left.gif) no-repeat;
        height:50px;
        width:14px;
        float: left;
}
#right {
        background: #000 url(images/right.gif) no-repeat;
        width:27px;
        height:50px;
        float: left;
}
ul {
        list-style: none;
        background: #000 url(images/bg.gif) repeat-x;
        height: 50px;
        float: left;
		width:95%;
}
ul li {
        display: block;
        float: left;
        height: 56px;
		margin-right:5%;
		margin-left:7%;
}
ul li a {
        text-decoration: none;
        color: #fff;
        padding: 0 10px;
        height: 56px;
        display: table-cell;
        vertical-align: middle;
}
ul li a:hover {  
        background: #95009E url(images/a-hover.gif) no-repeat;
		height:50px;
		}
#container-menu{
	margin-top:1px;
	            }

Sign In

хелп с блоком!

Question

cyber_ua

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information