• 25-10-2013, 23:10:45
    #1
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Bir çalışmam var lakin arkadaşlar tarayıcıyı küçülltüğümde position:absolute verdiğim resim aşağılara iniyor çalışma dosyasını ekliyorum ki daha iyi görün diye sabahtandır yapamadım kendimi geliştirmeye çalışıyorum lütfen yardım edin

    http://dosya.co/2rkf34b89zk4/CareSarigul.rar.html

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 23:10:45 -->-> Daha önceki mesaj 23:10:15 --

    Kodlarım

    <!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 (max-width:640px;){
    			#container {
    			width:100%;
    			height:100%;
    			position:relative;
    		}
    		#container img {
    			width:100%;
    			height:100%;
    		}
    		#kitap {
    			position:absolute;
    			top:220px;
    			left:730px;
    		}
    		}
    	</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>
  • 26-10-2013, 00:26:22
    #2
    Son darbeyi vurmana iki kelime kalmış
    @media (max-width:640px){

    yerine

    @media screen and (max-width:640px){

    kullanmalısın
  • 26-10-2013, 00:29:32
    #3
    Hapsher adlı üyeden alıntı: mesajı görüntüle
    Son darbeyi vurmana iki kelime kalmış
    @media (max-width:640px){

    yerine

    @media screen and (max-width:640px){

    kullanmalısın
    hocam onu da denedim şimdi ama olmadı maalesef öğrenemeyeceğim galiba bu css'i ben ki bir de problem responsive olayı değil responsive olmadan tarayıcıyı küçülttüğümde bile kayma oluyor
  • 26-10-2013, 00:34:00
    #4
    meta etiketini

    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

    şeklinde dener misin?
  • 26-10-2013, 00:34:56
    #5
    Ben sana sadece yolunu gösterdim.

    @media screen and (max-width:640px){

    }

    bu bölüme yazılacak css ile istediğini alırsın. Senin resim #kitap içerisinde. Baştan yazıyormuş gibi orayı tekrar yazacaksın.

    top ve left değerlerini değiştirdiğinde dediğimi göreceksin
  • 26-10-2013, 00:42:32
    #6
    alikarakoc93 adlı üyeden alıntı: mesajı görüntüle
    meta etiketini

    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

    şeklinde dener misin?
    yok hocam yine olmadı maalesef alta link ekledim belki oradan bakabilirsiniz diye umut ediyorum
    http://dosya.co/2rkf34b89zk4/CareSarigul.rar.html

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 00:42:32 -->-> Daha önceki mesaj 00:36:02 --

    Hapsher adlı üyeden alıntı: mesajı görüntüle
    Ben sana sadece yolunu gösterdim.

    @media screen and (max-width:640px){

    }

    bu bölüme yazılacak css ile istediğini alırsın. Senin resim #kitap içerisinde. Baştan yazıyormuş gibi orayı tekrar yazacaksın.

    top ve left değerlerini değiştirdiğinde dediğimi göreceksin
    nası yani hocam şimdi her ekran için satır satır yazacak mıyım ? Yani biraz saçma gibi geliyor her ekran çözünürlüğü için yazmak, bunun illa ki bi yolu vardır bence ki dosyayı indirdiğiniz de dediğimi anlayacaksınız
  • 26-10-2013, 01:06:02
    #7
    Evet her ekran için yazman gerekecek. bunun saçma olan bir yanı yok. Amelellikten ve kod kalabalığından kurtulmak istersen; sadece en dıştaki dive px olarak genişlikleri atarsın iç divlere % likler atarsın sadece dış divin px ini değiştirirsin. Dosyanı indirip baktım zaten bizzat dediklerimi kendim uyguladım ve olduğunu bir kez daha gördüm.

    Öğrenmek istiyorsan izlemen gereken yol budur. Yok ben bu işin yapılmasını istiyorum diyorsan ücretiyle ya da hayrına yaptırırsın.

    Ayrıca olmadı yerine yapamıyorum şeklinde bir ifade kullanman daha düzgün olacağı kanaatindeyim.
  • 26-10-2013, 09:05:17
    #8
    Hapsher adlı üyeden alıntı: mesajı görüntüle
    Evet her ekran için yazman gerekecek. bunun saçma olan bir yanı yok. Amelellikten ve kod kalabalığından kurtulmak istersen; sadece en dıştaki dive px olarak genişlikleri atarsın iç divlere % likler atarsın sadece dış divin px ini değiştirirsin. Dosyanı indirip baktım zaten bizzat dediklerimi kendim uyguladım ve olduğunu bir kez daha gördüm.

    Öğrenmek istiyorsan izlemen gereken yol budur. Yok ben bu işin yapılmasını istiyorum diyorsan ücretiyle ya da hayrına yaptırırsın.

    Ayrıca olmadı yerine yapamıyorum şeklinde bir ifade kullanman daha düzgün olacağı kanaatindeyim.
    Hocam ilginiz için gerçekten çok teşekkür ederim uğraşıyorsunuz gerçekten ben sadece kendimi geliştirmeye çalışıyorum ve inanın olmadı diye gözüme uyku bile girmedi hani dışardan bi iş olsa halimi sen düşün bu arada ben yine yapamadım acaba size zahmet olmasa olmuş yani yapılmış halini upload edebilir misiniz ? Bakmak istiyorum yanlışlarım nerede ve hem benim için bi tecrübe olur.Bu arada yeniden teşekkür ederim
  • 26-10-2013, 17:51:59
    #9
    Arkadaşlar konu günceldir halen yapamadım