Giriş Yap / Kayıt Ol

1Beğeni
  • 1 Yazan KomanBeğrek

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

Div ekleyememe sorunu...

  #1  
Okunmamış 12 Haziran 2018, 11:17
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 24 Mart 2016
Cinsiyet: Erkek
Meslek: Grafiker
Konum: Mersin
Ad, Soyad: Se... Un...
Mesajlar: 252
Beğeniler: 112 / 139
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.
palmara
  #2  
Okunmamış 12 Haziran 2018, 19:27
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 24 Mart 2016
Cinsiyet: Erkek
Meslek: Grafiker
Konum: Mersin
Ad, Soyad: Se... Un...
Mesajlar: 252
Beğeniler: 112 / 139
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
Konum: Aydın
Ad, Soyad: İb... Şe...
Mesajlar: 1.964
Beğeniler: 530 / 872
Ticaret: 2, 100%
Merhaba HeadCMoon ,

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


Başarılar,
İyi forumlar.
HeadCMoon bunu beğendi.
WM Aracı Paylaşım Ekibi
Kişisel Bloğum: ibocum.com
  #4  
Okunmamış 12 Haziran 2018, 19:54
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 24 Mart 2016
Cinsiyet: Erkek
Meslek: Grafiker
Konum: Mersin
Ad, Soyad: Se... Un...
Mesajlar: 252
Beğeniler: 112 / 139
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: 09:02.