Web Tasarım Hakkında Yardıma İhtiyacım Var (Boyutlar)

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Web Tasarım Hakkında Yardıma İhtiyacım Var (Boyutlar)

Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı

5
Cevap 681
Tıklama 0
Öne Çıkarma

1. sayfa

Web Tasarım Hakkında Yardıma İhtiyacım Var (Boyutlar)

Cevap Yaz

yigitkara1

10 yıl

Onbaşı

Konu Sahibi

Öncelikle merhaba, 11. sınıf web tasarım öğrencisiyim ve performans ödevi olarak site tasarlamamız söylendi. Herşeyini ayarladım fakat, boyutlarda bir problemim var. Kendi bilgisayar ekranımın boyutunda sayfam tam oratada görünüyor, fakat başka bir bilgisayardan açınca (ekran boyutu benimkine göre farklı) sayfam ya sağa ya da sola kaymış olarak görünüyor. Ortada olmuyor. Bunun sebebi nedir? . Sayfa div'inde right ve left'i auto olarak ayarladım fakat daha da değişti. İstediğim sonucu alamadım. Şimdiden yardımınız için teşekkür ederim.

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

MOLİVER

10 yıl

Yüzbaşı

İstediğini yapmanın birçok yolu var.Örneğin, Bir tane ana div belirler ve onun içindeki divi ortalayabilirsin.Yada direk body'ye 100% - 100% vererek tek bir div ile ortalama yapabilirsin.Eğer kendi kodların, ilk verdiğim örnekte ki gibi ise o zaman;

<div class="dis"> 
  <div class="ic">Burası tam ortada</div> 
  </div>

Html kodlarında bir tane dış div belirledik ve bunun sınırlarına göre iç divinin ortalanmasını istedik.Şimdi css kodlarını yazalım;

.dis {width:500px;height:500px;background-color:#000;} 
  .ic {width:100px;height:100px;background-color:#fff;color:#000;margin:0 auto;}

Css kodumuzla da dış divine belirli bir ölçü vererek onu sınırlandırdık.Daha sonra iç divine yine boyut verdik ve dış divinden farklı olarak birde margin kodu yazarak onun dış divinin sınırları içinde ortalanmasını sağladık.

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @yigitkara1

yigitkara1

10 yıl

Onbaşı

Konu Sahibi

quote:

Orijinalden alıntı: MOLİVER

İstediğini yapmanın birçok yolu var.Örneğin, Bir tane ana div belirler ve onun içindeki divi ortalayabilirsin.Yada direk body'ye 100% - 100% vererek tek bir div ile ortalama yapabilirsin.Eğer kendi kodların, ilk verdiğim örnekte ki gibi ise o zaman;
<div class="dis"> 
  <div class="ic">Burası tam ortada</div> 
  </div>
Html kodlarında bir tane dış div belirledik ve bunun sınırlarına göre iç divinin ortalanmasını istedik.Şimdi css kodlarını yazalım;
.dis {width:500px;height:500px;background-color:#000;} 
  .ic {width:100px;height:100px;background-color:#fff;color:#000;margin:0 auto;}
Css kodumuzla da dış divine belirli bir ölçü vererek onu sınırlandırdık.Daha sonra iç divine yine boyut verdik ve dış divinden farklı olarak birde margin kodu yazarak onun dış divinin sınırları içinde ortalanmasını sağladık.

Body'in içi boş sadece arkaplan resmi ekli. Sayfa olan div'de editleme yaptım. Onunda kodları şöyle:< Resime gitmek için tıklayın >

Body içinde değişiklik yapmam gerekir mi ?
*Web tasarımda biraz yeniyim kusura bakma.

< Bu mesaj bu kişi tarafından değiştirildi yigitkara1 -- 17 Aralık 2015; 18:16:40 >
Bu mesaja 1 cevap geldi.

MOLİVER

10 yıl

Yüzbaşı

Soru sormaktan çekinmeyin çünkü soru sormadan öğrenemezsiniz.İsterseniz bana projenizin tüm kodlarını verin, ben size düzeltilmiş halini nerede ne yaptığımı açıklayarak geri vereyim.Kodları buradan yazabilirsiniz.

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @yigitkara1

yigitkara1

10 yıl

Onbaşı

Konu Sahibi

quote:

Orijinalden alıntı: MOLİVER

Soru sormaktan çekinmeyin çünkü soru sormadan öğrenemezsiniz.İsterseniz bana projenizin tüm kodlarını verin, ben size düzeltilmiş halini nerede ne yaptığımı açıklayarak geri vereyim.Kodları buradan yazabilirsiniz.

Teşekkür ederim. Sayfa adlı açtığım div'in ve body'nin kodları şunlar; (Diğer kodların pek gerekeceğini zannetmiyorum, çok fazla var)

<style type="text/css"> 
   body { 
   	background-image: url(Arkaplan%20Resmi.jpg); 
   	height: 100px; 
   	width: 100px; 
   } 
   #Sayfa { 
   	background-color: #FFF; 
   	clear: both; 
   	background-image: url(placeholder.png); 
   	height: 1214px; 
   	width: 1113px; 
   	left: 211px; 
   	top: 19px; 
   	position: absolute; 
   	margin: 15px; 
   }

Ben sayfa adlı div'i nasıl sayfanın ortasında olacağını bilmediğim için kendi ekran boyutlarıma göre ayarladım.Ayrıca ben sitemi body in içine yapmadım, sayfa diye bir div acıp onun içinde yerlerini vs. ayarladım. Benim demek istediğim bu sayfa adlı div ekranda ortada olmuyor. Ekran boyutlarina göre yeri değişiyor.

< Bu mesaj bu kişi tarafından değiştirildi yigitkara1 -- 17 Aralık 2015; 22:48:59 >
Bu mesaja 1 cevap geldi.

MOLİVER

10 yıl

Yüzbaşı

Size gerekli kodları yazdım.Başka bir şey eklemek isterseniz, kodlara ekleme yapabilirsiniz.
HTML kodumuz;

<div id="sayfa"></div>

CSS kodumuz;

body { 
  background-color:#fff; ------->>>> Arkaplanı beyaz yaptık. 
  } 
  #sayfa { 
  background-color:#000; ------->>>> Arkaplanı siyah yaptık. 
  height: 500px; ------->>>> Yüksekliği 500px yaptık. 
  width: 50%; ------->>>> Genişliği sayfanın çözünürlüğüne göre ayarlamak için sabit bir değer vermedik. (Burası önemli) 
  margin: 0 auto; ------->>>> Divimizi sayfanın tam ortasına getirmek için bu kodu yazdık. (Burası önemli) 
   }

Bu mesajda bahsedilenler: @yigitkara1

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Web Tasarım Hakkında Yardıma İhtiyacım Var (Boyutlar)