<!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
Hocam anladım ama yine bir değişiklik olmadı ki bir de sanırım her tarayıcı her çözünürlük için kod yazmak amelelik gibi bir şey olsa gerek çünkü milyon tane çözünürlük var hepsine bir bir yazmak yerine illa ki daha kolay bir yolu vardır,bu yolu ben de biliyorum zaten ama yine de teşekkür ederim
artık başka çareler arayacağız