<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Ne Bir Eksik Ne Bir Fazla</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style type="text/css">
body{
margin:0;
padding:0;
background:#000;
}
a img {border:none;}
#container {
width:100%;
height:100%;
position:relative;
}
#container img {
width:100%;
height:100%;
}
#kitap {
position:absolute;
top:220px;
left:730px;
width:530px;
height:550px;
}
@media screen and (max-width:640px){
#container {
width:100%;
height:100%;
position:relative;
}
#kitap img {
width:50%;
height:50%;
}
#kitap {
position:absolute;
top:55px;
left:325px;
}
}
</style>
</head>
<body>
<div id="container">
<img src="img/sarigul.png" alt="" class="kapak"/>
<div id="kitap">
<a href="http://issuu.com/remzikitabevi/docs/ne_bir_eksik_ne_bir_fazla_issuu?e=3398951/5372058"><img src="img/kitap.png" alt="Kitap" /></a>
</div>
</div>
</body>
</html>yaptığım değişiklikler sadece bunlar. Daha önce yazdıklarımın aynısını uyguladım. Hevesini kırmak istemem ama daha fazla çaba göstermen gerekecek gibi