Tarayıcı Boyutu değiştiğinde resim kayıyor - Sayfa 2

26-10-2013, 18:16:25

#10

<!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

26-10-2013, 19:00:03

#11

PrestijTR

Kimlik doğrulama veya yönetimden onay bekliyor.

Hapsher adlı üyeden alıntı: mesajı görüntüle

<!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

26-10-2013, 19:14:58

#12

Hapsher

nasıl değişiklik olmuyor ya adamı çıldırtacan yakında! bu dediğimi al bir adet boş txt dosyası oluştur içine yapıştır. txt dosya uzantısını html olarak değiştir. Önce tarayıcıyı tam ekran da aç daha sonra tarayıcının boyutunu 640 px in altına indir ve istediğini gör. her çözünürlük içi n yazmıyacaksın. 2 tane yazarsın 3 tane yazarsın atıyorum bir mobil için 320 px bi tablet için 640 px bir de tarayıcı için 1024 px yaparsın ki bunun da nasıl olacağı mantığını az çok daha önceki mesajlarda belirtmiştim. Kusura bakma benden bu kadar.

26-10-2013, 19:18:20

#13

PrestijTR

Hapsher adlı üyeden alıntı: mesajı görüntüle

nasıl değişiklik olmuyor ya adamı çıldırtacan yakında! bu dediğimi al bir adet boş txt dosyası oluştur içine yapıştır. txt dosya uzantısını html olarak değiştir. Önce tarayıcıyı tam ekran da aç daha sonra tarayıcının boyutunu 640 px in altına indir ve istediğini gör. her çözünürlük içi n yazmıyacaksın. 2 tane yazarsın 3 tane yazarsın atıyorum bir mobil için 320 px bi tablet için 640 px bir de tarayıcı için 1024 px yaparsın ki bunun da nasıl olacağı mantığını az çok daha önceki mesajlarda belirtmiştim. Kusura bakma benden bu kadar.

Kardeş sakin ol, istersen bir başkası da denesin bakalım oluyor mu olmuyormu,olmuyor diyorum oluyor diyorsun yahu denedik aynılarını defalarca yaptım bir umutla belki olur diye ama olmuyor, olmuyor işte arkadaş yine de sağol..

26-10-2013, 19:24:47

#14

Hapsher

Sakinim ben, denesin bakalım başkaları umarım çözülür sorunun kolay gelsin

26-10-2013, 19:32:56

#15

PrestijTR

Hapsher adlı üyeden alıntı: mesajı görüntüle

Sakinim ben, denesin bakalım başkaları umarım çözülür sorunun kolay gelsin

Konuyu gören olursa gelir dener ikimizde görürüz kim haklı kim haksız, eyvallah.

27-10-2013, 15:04:15

#16

PrestijTR

Arkadaşlar konum günceldir,yardım lütfen

05-11-2013, 01:40:18

#17

zeamays

Hapsher hocam olayı çözmek için bende denedim verdiğiniz kodları, değişiklik oluyor evet lakin arkadaşın istediği sonucu vermiyor gene kaymalar oluyor.

Benim anladığım kitap.png nin sarigul.png yle istisnasız aynı şekilde hareket etmesini isitiyorsunuz doğru mu ?

Yanlış anlaşılmasın çok fazla css bilgisine sahip değilim. Sadece gerginlik beni üzdü
bunu çözmek adına yorum yapıyorum.

05-11-2013, 15:46:58

#18

Hapsher

zeamays adlı üyeden alıntı: mesajı görüntüle

Hapsher hocam olayı çözmek için bende denedim verdiğiniz kodları, değişiklik oluyor evet lakin arkadaşın istediği sonucu vermiyor gene kaymalar oluyor.

Benim anladığım kitap.png nin sarigul.png yle istisnasız aynı şekilde hareket etmesini isitiyorsunuz doğru mu ?

Yanlış anlaşılmasın çok fazla css bilgisine sahip değilim. Sadece gerginlik beni üzdü
bunu çözmek adına yorum yapıyorum.

Yok canım her hangi bir gerginlik. Arkadaşa ben sadece yolu gösterdim. Genel olan mantık o şekilde işliyor. Sadece resmin o kodlarla yer değiştirdiğini yazdım.

Kendisi umarım yapabilmiştir. Birebir istediği şekilde olabilmesi için üzerinde oynamalar yapması lazım tabi ki.