Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

CSS Position Kodları hakkında yardıma ihtiyacım var

 20 Mesajlar 1.912 Okunma
acebozum
tr.link

#11
joduska joduska Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek 3D CG Artist
  • Konum Fransa
  • Ad Soyad C** E**
  • Mesajlar 233
  • Beğeniler 76 / 54
  • Ticaret 2, (%100)

egemenozbeyli adlı üyeden alıntı

Vakit kaybettiriyor kısmına takıldığımdan bu şekilde yazdım, yanlış anlaşılmasın :)
Fatih Hayrioğlu 'nun dersleri aslında baya anlaşılırdır, kodları tek tek deneyerek bir daha bakmanı tavsiye ederim.

Ama söylendiği gibi hepsi kullanılan kodlar değil ama bilmekte fayda vardır.


Hocam hiçbiyeri atlamıyorum zaten. Defterim de var elimde. Bir yandan notepad+ üzerine kodlayarak deniyorum tekrar tekrar okuyorum sonra anladığımı doğru bi şekilde deftere geçiyorum. İleride bir gün bi sıkıntım olursa açar defteri bakarım gibi düşüncelerim var. Yarısına geldik zaten site falan kodlayabiliyorumda bir kaç yerde hatalarımız çıkıyor işte tüm kodları ezberime sokmaya çalışıyorum css ve html adına. Sonra javascript.
 

 

elektronikssl
webimgo

#12
saymeriniz saymeriniz Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 26.03.2015
  • Yaş/Cinsiyet 30 / E
  • Meslek web yazılım
  • Konum İstanbul Avrupa
  • Ad Soyad E** S**
  • Mesajlar 42
  • Beğeniler 0 / 5
  • Ticaret 2, (%50)
Position kodu, kullandığın elementin konumunu değiştirmene yarar. Eğer bir div'de relative kullandıysan o div'in içerisinde kullanacağın absolute'e top:0px ve left:0px dediğinde dışta bulunan relative olan div'i bazı alır. Fixed ise bağımsız olarak isteidiğin konuma sabitlemektir.
joduska

kişi bu mesajı beğendi.

#13
joduska joduska Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek 3D CG Artist
  • Konum Fransa
  • Ad Soyad C** E**
  • Mesajlar 233
  • Beğeniler 76 / 54
  • Ticaret 2, (%100)

saymeriniz adlı üyeden alıntı

Position kodu, kullandığın elementin konumunu değiştirmene yarar. Eğer bir div'de relative kullandıysan o div'in içerisinde kullanacağın absolute'e top:0px ve left:0px dediğinde dışta bulunan relative olan div'i bazı alır. Fixed ise bağımsız olarak isteidiğin konuma sabitlemektir.


Gayet açıklayıcı oldu hocam. Aynen deftere geçiyorum. Peki ya static?
 

 

#14
saymeriniz saymeriniz Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 26.03.2015
  • Yaş/Cinsiyet 30 / E
  • Meslek web yazılım
  • Konum İstanbul Avrupa
  • Ad Soyad E** S**
  • Mesajlar 42
  • Beğeniler 0 / 5
  • Ticaret 2, (%50)
ayrıca diyelim iki tane div var ve bunları margin ile zaten istediğim yere taşıyorum dersen z-index özelliğini kullanmak için relative kullanmak gerekir.
joduska

kişi bu mesajı beğendi.

wmaraci
wmaraci

#15
joduska joduska Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek 3D CG Artist
  • Konum Fransa
  • Ad Soyad C** E**
  • Mesajlar 233
  • Beğeniler 76 / 54
  • Ticaret 2, (%100)

saymeriniz adlı üyeden alıntı

ayrıca diyelim iki tane div var ve bunları margin ile zaten istediğim yere taşıyorum dersen z-index özelliğini kullanmak için relative kullanmak gerekir.


Evet hocam, z-index kodunu araştırırken çalışması için position kodu verilmesi gerektğini öğrenmiştim.
 

 

#16
saymeriniz saymeriniz Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 26.03.2015
  • Yaş/Cinsiyet 30 / E
  • Meslek web yazılım
  • Konum İstanbul Avrupa
  • Ad Soyad E** S**
  • Mesajlar 42
  • Beğeniler 0 / 5
  • Ticaret 2, (%50)
static: Olması Gerektiği Gibi Bırakmaktır. eğer position özelliğini kullanmadıysan static olarak ayarlarsan olması gerektiği şekilde sıralanacaktır.
 

 

#17
joduska joduska Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek 3D CG Artist
  • Konum Fransa
  • Ad Soyad C** E**
  • Mesajlar 233
  • Beğeniler 76 / 54
  • Ticaret 2, (%100)

saymeriniz adlı üyeden alıntı

static: Olması Gerektiği Gibi Bırakmaktır. eğer position özelliğini kullanmadıysan static olarak ayarlarsan olması gerektiği şekilde sıralanacaktır.


çok teşekkür ederim hocam. bu defterde sizin de tuzunuz oldu
 

 

#18
saymeriniz saymeriniz Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 26.03.2015
  • Yaş/Cinsiyet 30 / E
  • Meslek web yazılım
  • Konum İstanbul Avrupa
  • Ad Soyad E** S**
  • Mesajlar 42
  • Beğeniler 0 / 5
  • Ticaret 2, (%50)
html, css, jquery, javascript ve php ile ilgili soracağın olursa özelden mesaj atabilirsin detaylı şekilde anlatırım
 

 

#19
egemenozbeyli egemenozbeyli WM Aracı Kimlik Onayı
  • Üyelik 05.06.2015
  • Yaş/Cinsiyet 39 / E
  • Meslek Finans Uzmanı
  • Konum Kocaeli
  • Ad Soyad E** Ö**
  • Mesajlar 54
  • Beğeniler 0 / 6
  • Ticaret 0, (%0)

joduska adlı üyeden alıntı

Hocam hiçbiyeri atlamıyorum zaten. Defterim de var elimde. Bir yandan notepad+ üzerine kodlayarak deniyorum tekrar tekrar okuyorum sonra anladığımı doğru bi şekilde deftere geçiyorum. İleride bir gün bi sıkıntım olursa açar defteri bakarım gibi düşüncelerim var. Yarısına geldik zaten site falan kodlayabiliyorumda bir kaç yerde hatalarımız çıkıyor işte tüm kodları ezberime sokmaya çalışıyorum css ve html adına. Sonra javascript.


Çok güzel bir yol izliyorsun o zaman.
Bol bol örnekle bu iş çözülecektir.
Bu kaynağada bir bakarmısın görselli olduğu için baya etkisi olabilir.
 

 

#20
OmerGunay OmerGunay https://omergunay.net Kullanıcı
  • Üyelik 15.05.2015
  • Yaş/Cinsiyet 33 / E
  • Meslek PHP Developer
  • Konum İstanbul Avrupa
  • Ad Soyad Ö** G**
  • Mesajlar 1207
  • Beğeniler 382 / 381
  • Ticaret 16, (%100)
KATMAN ÖZELLİKLERİ
position: Katmanın yerinin belirlenmesini sağlar.
absolute: Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.
relative: Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.
static: Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.
top: Katmanın üstten ne kadar aşağıda olması gerektiğini belirler.
left: Katmanın soldan ne kadar içeride olması gerektiğini belirler.
width: Katmanın genişliğinin ne kadar olacağını belirler.
height: Katmanın yüksekliğinin ne kadar olacağını belirler.
overflow: Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.
auto: Otomatik olarak belirlenir.
scroll: Kaydırma çubuğu ekleyerek görünmesini sağlar.
visible : Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.
hidden: Sığmayan yerleri gizler.
visibility: Katmanın görünebilirlik ayarını yapar.
visible : Katmanın görünür olmasını sağlar.
hidden: Katmanı gizler.
z-index : Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.


Açıklamaları bu şekilde. Daha detaylı bilgiyi w3school dan alabilirsiniz..
 

 

Herkes yediğinden ikram eder..(Yavuz Sultan Selim)
Bu bir Niche Kelime Mi?
HTML5 ve CSS3 ile Flat Giriş Ekranı Hazırlama
wmaraci
wmaraci
Konuyu toplam 4 kişi okuyor. (0 kullanıcı ve 4 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al