Yeni Kayıt
Konudaki Resimler
|
Hızlı 
Bildirim
Web Tasarım Hakkında Yardıma İhtiyacım Var (Boyutlar)
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
Giriş
Mesaj
-
-
yigitkara1
Y
kullanıcısına yanıt
İ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. -
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:
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 >
-
yigitkara1
Y
kullanıcısına yanıt
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. -
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 >
-
yigitkara1
Y
kullanıcısına yanıt
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)
}
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
