anonymous12
Registered
Сложих си background на сайта всичко е добре,но като почнах да сложа картинките и текстовете и като натисна CTRL+скрол на мишката горе надолу текстовете и картинките бягат на една страна,а трябва да се отдалечат и да се приближават ето css и html код
[css]body{
margin:0px;
padding:0;
text-align:left;
font:white;
}
*{
margin:0;
padding:0;
text-decoration:none;
list-style:none;
}
img{
border:0 none;
}
.cont{
margin-left: auto;
margin-right: auto;
width:500px;
height:auto;
}
/** Guests **/
.bg img{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:-1;
}
#bg_2 img{
position: relative;
margin-top: 9%;
width: 100%;
margin-left:auto;
margin-right:auto;
z-index:-1;
}
#logo{
background:url("../img/logo.png")no-repeat;
width:277px;
height:112px;
margin: -38% 0 0 10%;
float:left;
clear:both;
}
#footer_text{
font-family: ProximaNova;
top: 10px;
left:15%;
float:left;
clear:both;
color:#9b9b9b;
}[/css]
HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="author" content="fundango" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<style type="text/css">
@font-face{
font-family: 'ProximaNova';
src: url('fonts/proximanova-semibolditalic-webfont.eot');
src: url('fonts/proximanova-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/proximanova-semibolditalic-webfont.woff') format('woff'),
url('fonts/proximanova-semibolditalic-webfont.ttf') format('truetype'),
url('fonts/proximanova-semibolditalic-webfont.svg#ProximaNova') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
</head>
<body>
<div class="bg"><img src="img/bg.png" alt=""/></div>
<div id="bg_2"><img src="img/bg_2.png" alt=""/></div>
<div class="cont">
<div id="logo"></div>
<div id="footer_text">
<p style="display:inline;margin:7px;">About</p>
<p style="display:inline;margin:7px;">Terms of Service</p>
<p style="display:inline;margin:7px;">Contact Us</p>
</div>
</div>
</body>
</html>
[css]body{
margin:0px;
padding:0;
text-align:left;
font:white;
}
*{
margin:0;
padding:0;
text-decoration:none;
list-style:none;
}
img{
border:0 none;
}
.cont{
margin-left: auto;
margin-right: auto;
width:500px;
height:auto;
}
/** Guests **/
.bg img{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:-1;
}
#bg_2 img{
position: relative;
margin-top: 9%;
width: 100%;
margin-left:auto;
margin-right:auto;
z-index:-1;
}
#logo{
background:url("../img/logo.png")no-repeat;
width:277px;
height:112px;
margin: -38% 0 0 10%;
float:left;
clear:both;
}
#footer_text{
font-family: ProximaNova;
top: 10px;
left:15%;
float:left;
clear:both;
color:#9b9b9b;
}[/css]