Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

1Beğeni
  • 1 Yazan KomanBeğrek

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > HTML - CSS - XML

Div ekleyememe sorunu...

  #1  
Okunmamış 12 Haziran 2018, 11:17
HeadCMoon Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 24 Mart 2016
Cinsiyet: Erkek
Meslek: Grafiker
Konum: Mersin
Ad, Soyad: Se... Un...
Mesajlar: 266
Beğeniler: 122 / 150
Ticaret: 5, 100%
Arkadaşlar selam.

Bir div + css konusunda yardıma ihtiyacım var. Şimdi aşağıdaki örnekteki gibi yan yana iki div hazırladım. Bu div'lerden soldaki sabit, ancak sağdaki yukarı aşağı scroll ile hareket ediyor.



Sağdaki hareketli div içine alt alta 3 tane daha div eklemek istediğimde hepsi birbirine giriyor. Şöyle olmasını istiyorum;




Nasıl yapabilirim? Kullandığım kodlar bunlar;

Kod:
	<div class="box">
 		<div>div 1</div>
  		
		<div >Div2</div>
	
</div>
Kod:
.box {
  	width : 1010px;
  	height : auto; 
 	position: relative;
  	margin : 0 auto;
}

.box div {
	 position : relative;
 	 float : left;
}
.box div:nth-child(1){
  	position: fixed;
	bottom: 10px;
	margin-left: 75px;
}

.box div:nth-child(2){
	margin-left: 400px;
	margin-right: -90px;
}
Konu HeadCMoon tarafından (12 Haziran 2018, 11:20 ) değiştirilmiştir.
  #2  
Okunmamış 12 Haziran 2018, 19:27
HeadCMoon Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 24 Mart 2016
Cinsiyet: Erkek
Meslek: Grafiker
Konum: Mersin
Ad, Soyad: Se... Un...
Mesajlar: 266
Beğeniler: 122 / 150
Ticaret: 5, 100%
4 günün sonunda yaptım arkadaşlar. Dileyen olursa kodları paylaşırım.
  #3  
Okunmamış 12 Haziran 2018, 19:42
KomanBeğrek Adlı Üyenin Avatarı
İbram Bey
 
Üyelik Tarihi: 22 Aralık 2017
Cinsiyet: Erkek
Meslek: Öğrenci
Konum: Aydın
Ad, Soyad: İb... Şe...
Mesajlar: 3.421
Beğeniler: 1098 / 1302
Ticaret: 9, 100%
Merhaba HeadCMoon ,

Eğer sorunu çözdüyseniz paylaşırsanız herkes yararlanabilir.


Başarılar,
İyi forumlar.
HeadCMoon bunu beğendi.

Tanıtım Yazısı Lazım mı?
Kişisel Blog

"10 tür insan vardır, ikilik sistemi bilen ve bilmeyen."
  #4  
Okunmamış 12 Haziran 2018, 19:54
HeadCMoon Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 24 Mart 2016
Cinsiyet: Erkek
Meslek: Grafiker
Konum: Mersin
Ad, Soyad: Se... Un...
Mesajlar: 266
Beğeniler: 122 / 150
Ticaret: 5, 100%
HTML şu şekilde;

Kod:
<div class="box">
 	<div>Div Sol</div>

 	<div>	
 		Div Sağ1
 	</div>

  	<div>
                Div Sağ2
        </div>

	<div>
		Div Sağ3
	</div>

	</div>

CSS şu şekilde;

Kod:
.box {
  	width : 1010px;
  	height : auto; 
 	position: relative;
  	margin : 0 auto;
}

.box div {
	 position : relative;
 	 float : left;
}
.box div:nth-child(1){
  	position: fixed;
	bottom: 10px;
	margin-left: 75px;
}

.box div:nth-child(2){
	margin-left: 400px;
	margin-right: -90px;
}

.box div:nth-child(3){
	margin-left: 400px;
	margin-right: -90px;
}

.box div:nth-child(4){
	margin-left: 400px;
	margin-right: -90px;
}
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > HTML - CSS - XML


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 07:06.