lostyazilim
tr.link

css ortalama hakkında

14 Mesajlar 4.198 Okunma
acebozum
tr.link

maviada maviada Web Development Kullanıcı
  • Üyelik 15.11.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilişim Teknolojileri
  • Konum İstanbul Avrupa
  • Ad Soyad Ü** B**
  • Mesajlar 68
  • Beğeniler 3 / 8
  • Ticaret 1, (%100)
mrb arkadaşlar
bana
css ortalama hakkında yardımcı olabilecek birileri çıkar mı acaba ?
 

 

elektronikssl
webimgo

Nsh Nsh WM Aracı Kullanıcı
  • Üyelik 16.01.2014
  • Yaş/Cinsiyet 39 / E
  • Meslek pc
  • Konum Afyon
  • Ad Soyad Z** U**
  • Mesajlar 1
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
css ortalama derken .. ? Anlaşılmadı siteyimi ortalamak istiyorsunuz
 

 

MertKoseoglu MertKoseoglu Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 12.07.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek x
  • Konum Ankara
  • Ad Soyad M** K**
  • Mesajlar 659
  • Beğeniler 120 / 168
  • Ticaret 3, (%100)
Margin Kodu Konumlandırmayı Sağlar.
Katmanın Dışa Yönelik Konumlandırması.
Padding İse İçe Doğru Olan.

Margin-Left: 15Px; " Katmanın Dışına Doğru Soldan 15Px Boşluk Ver. "
Margin-Right: 15Px; " Katmanın Dışına Doğru Sağdan 15Px Boşluk Ver. "
Margin-Top: 15Px; " Katmanın Dışına Doğru Yukarıdan 15Px Boşluk Ver. "
Margin-Bottom: 15Px; " Katmanın Dışına Doğru Aşağıya 15Px Boşluk Ver. "

Margin Kodunun Kısaltılmış Şekli Saat Yönündedir;
Margin:20px 15px 10px 5px;

Saat Yönüne Göre Yukarıdan 20Px, Sağdan 15Px, Aşağıya 10Px, Soldan 5Px

Nesneyi Ortalayabilmek İçin Auto Değerini Vermeliyiz.
Margin:0 Auto;
Üst ve Alttan Boşlukları Sil, Sağ ve Soldan Nesnenin Uzunluğuna Göre Otomatik Ortala.
İlgili Dive Width Değeri Vermeyi Unutmayın.

Kaynak : http://www.mkoseoglu.com/html-css/css-html-baslangic-duzeyinde-dokuman.html
 

 

maviada maviada Web Development Kullanıcı
  • Üyelik 15.11.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilişim Teknolojileri
  • Konum İstanbul Avrupa
  • Ad Soyad Ü** B**
  • Mesajlar 68
  • Beğeniler 3 / 8
  • Ticaret 1, (%100)
:cool:olmadı kardeşim ya denedim sonuç aynı yine bi el atarmısın sana zahmet :(

Ek Olarak: #Nsh
site için footer kısmı ortalamak istiyorum
yeni tasarımı ekledim ama ne yaptıysam ortalama işlemi başarısız...

kodlar budur yardımcı olursanız sevinirim.





Untitled Document











 

 

wmaraci
wmaraci

Mintik Mintik WM Aracı Kullanıcı
  • Üyelik 27.01.2014
  • Yaş/Cinsiyet 41 / E
  • Meslek Desinatör
  • Konum İstanbul Avrupa
  • Ad Soyad A** U**
  • Mesajlar 256
  • Beğeniler 72 / 71
  • Ticaret 0, (%0)

maviada adlı üyeden alıntı

:cool:olmadı kardeşim ya denedim sonuç aynı yine bi el atarmısın sana zahmet :(

Ek Olarak: #Nsh
site için footer kısmı ortalamak istiyorum
yeni tasarımı ekledim ama ne yaptıysam ortalama işlemi başarısız...

kodlar budur yardımcı olursanız sevinirim.





Untitled Document













Sizdeki Css .footer sınıfını aşağıdaki kod ile değiştirin.

.footer{background:url(../img/partners.png) no-repeat 0 35px;
height:220px;
margin-top:15px;
margin-bottom:15px;
position:relative;
z-index: 1;
background-color:blue;
max-width: 1200px;
width:auto;
display:block;
margin: auto;
position:relative;
}


Sonuç şuradaki gibi olacak ama tam anlaşılmıyor. Ayrıca nasıl göründüğünü bilmek için mavi renk eklemiştim. Size verdiğim footer koduna renk eklemedim.
 

 

maviada maviada Web Development Kullanıcı
  • Üyelik 15.11.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilişim Teknolojileri
  • Konum İstanbul Avrupa
  • Ad Soyad Ü** B**
  • Mesajlar 68
  • Beğeniler 3 / 8
  • Ticaret 1, (%100)



ekledim kardeşim ama bu sefer partner kısmı header de çıkıyor anlayamadım bunu yaa

nerde hata varki ?
 

 

0mh3r 0mh3r Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 21.10.2013
  • Yaş/Cinsiyet 34 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad Ö** **
  • Mesajlar 273
  • Beğeniler 8 / 34
  • Ticaret 4, (%75)
#ortala { margin: auto; text-align: center; }
maviada

kişi bu mesajı beğendi.

Mintik Mintik WM Aracı Kullanıcı
  • Üyelik 27.01.2014
  • Yaş/Cinsiyet 41 / E
  • Meslek Desinatör
  • Konum İstanbul Avrupa
  • Ad Soyad A** U**
  • Mesajlar 256
  • Beğeniler 72 / 71
  • Ticaret 0, (%0)

maviada adlı üyeden alıntı



ekledim kardeşim ama bu sefer partner kısmı header de çıkıyor anlayamadım bunu yaa

nerde hata varki ?


Footer için işinize yarayan değerler şunlardır :
height:220px;
position:relative;
max-width: 1200px;
width:auto;
display:block;
margin: auto;

max-width değerini sitenizin genel genişliğine göre ayarlayın. Bunu söylemeyi unuttuğum için tekrar ettim. Bunlar dışında kalan kodlar işinize yaramayacaktır. Aynı kodları diğer bölümlere de eklemeniz gerekmektedir. Diğer bölümler; header css çerçevesi ve site gövdesidir.

Header ve body çerçeveleri arasına da şu kodların aynısını ekleyin.
max-width: 1200px;
width:auto;
height:auto;
display:block;
margin: auto;
position:relative;

Ayrıca header ve body çerçeveleri arasına eklemiş olduğunuz elemanlara da padding:0.1%; kodunu ekleyin.

Header ve site gövdesine muhtemelen yükseklik değeri vermediğiniz için bu şekilde üst üste biniyorlar. Headere yükseklik değeri verebilirsiniz ama site gövdesine yükseklik değeri vermek mantıksız olur. Bu yüzden site gövdesinin içinde olan çerçevelere (yazı çerçevesi, resim çerçevesi vs.) padding:0.1%; değeri verirseniz sorununuz düzelecektir. Padding değeri dışarıda kalan çerçeveleri iteklemeye yarar. Yani body içindeki çerçeve yüksekliği belirlenmemişse bile onun içinde olan çerçevede padding değeri varsa iç çerçeveye göre yükseklik değeri kazanıır.

Büyük ihtimal böyle olmadığı için footer çerçevesi header ve body çerçevelerinin yüksekliklerini göremiyor ve onların üstüne biniyor.
Son ihtimal:
z-index: 1; değeri yüzünden de böyle olmuş olabilir. z-index değeri katmanları üst üste bindirmek için kullanılır. Gerçi position:relative olduğu için z-index elementinin çalışmaması gerekiyor ama siz yine de silin.
 

 

maviada maviada Web Development Kullanıcı
  • Üyelik 15.11.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Bilişim Teknolojileri
  • Konum İstanbul Avrupa
  • Ad Soyad Ü** B**
  • Mesajlar 68
  • Beğeniler 3 / 8
  • Ticaret 1, (%100)
teşekkürler arkadaşlar yardımlarınız için..

cerceve ekledim sonradan "0mh3r " nickli arkadaş hatırlattı düzeldi ;)
 

 

0mh3r 0mh3r Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 21.10.2013
  • Yaş/Cinsiyet 34 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad Ö** **
  • Mesajlar 273
  • Beğeniler 8 / 34
  • Ticaret 4, (%75)

maviada adlı üyeden alıntı

teşekkürler arkadaşlar yardımlarınız için..

cerceve ekledim sonradan "0mh3r " nickli arkadaş hatırlattı düzeldi ;)


:D halledebildiysen sevindim
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al