Giriş Yap / Kayıt Ol

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


1Beğeni
  • 1 Yazan sercanjok

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

Div genişliği otomatik ayarlama

  #1  
Okunmamış 10 Eylül 2019, 16:23
yazilimsoru Adlı Üyenin Avatarı
Yazilimsoru.com
 
Üyelik Tarihi: 05 Mart 2018
Cinsiyet: Erkek
Meslek: Web developer
Ad, Soyad: İs... Ko...
Mesajlar: 380
Beğeniler: 115 / 204
Ticaret: 0, 0%
Merhaba arkadaşlar benim şöyle bir sorum var.2 adet divim var birisi sag birisi sol diye.Şimdi sag class'lı divim 300px.Benim istediğim sol class'lı div sagdan artan yeri komple kaplasın.Yani diyelimki ekran 1200px 300px sag geriye kalan 900px sol div olsun ekran küçüldükçe otomatik olarak sol divde küçülsün ama sag div hep sabit kalsın.Ne yaptıysam olmadı.Sol dive 100% verince genişliği sag divi aşağı atıyor.Sizce nasıl yapabilirim bunu?
Web sitem: yazilimsoru.com
  #2  
Okunmamış 10 Eylül 2019, 16:42
Avatar Seçilmemiş
www.ontedi.com
 
Üyelik Tarihi: 03 Ekim 2013
Cinsiyet: Erkek
Konum: Ankara
Ad, Soyad: Se... To...
Mesajlar: 1.009
Beğeniler: 282 / 122
Ticaret: 2, 100%
.sag{width:300px}
.sol{width:calc(100% - 300px);}
www.ontedi.com
www.cizgi.site
  #3  
Okunmamış 10 Eylül 2019, 19:11
TEHET Adlı Üyenin Avatarı
dribbble.com/TEHET
 
Üyelik Tarihi: 04 Ekim 2014
Yaş / Cinsiyet: 27 / Erkek
Meslek: Tasarımcı
Konum: Ankara
Ad, Soyad: Mu... Ak...
Mesajlar: 763
Beğeniler: 345 / 79
Ticaret: 1, 100%



https://codepen.io/tehet/pen/pozLOYm
  #4  
Okunmamış 11 Eylül 2019, 08:33
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 19 Kasım 2018
Yaş / Cinsiyet: 22 / Erkek
Ad, Soyad: Se... Kü...
Mesajlar: 38
Beğeniler: 13 / 1
Ticaret: 0, 0%
Merhaba Hocam. Bootstrap kullan elle css gir gir bitmez bu hayat col-sm-2 yaz col-sm-6 yaz bak keyfine kolay gelsin herkese sevgiler saygılar.
mimarcan bunu beğendi.
  #5  
Okunmamış 11 Eylül 2019, 19:52
yazilimsoru Adlı Üyenin Avatarı
Yazilimsoru.com
 
Üyelik Tarihi: 05 Mart 2018
Cinsiyet: Erkek
Meslek: Web developer
Ad, Soyad: İs... Ko...
Mesajlar: 380
Beğeniler: 115 / 204
Ticaret: 0, 0%
ontedi hocam soruyu sorduğum gün width:100% - 300px; diye denemiştim.Bilmiyordum böyle bir şey olduğunu oluyor mu diye denemiştim cidden varmış.Sadece eksik yazmışım cevabınız için çok teşekkür ederim.İşe yaradı.

TEHET Hocam cevabınız için çok teşekkür ederim.İlk cevaptaki arkadaşın yöntemi daha kolay geldi.Ama sizede teşekkür ederim ilginiz için.

sercanjok Hocam inanın bootstrap öğrenmeyi denedim ama normal css'den daha karışık geldi bana.Bir türlü beceremedim kullanmayı.Ama ilginiz için teşekkür ederim.
Web sitem: yazilimsoru.com
  #6  
Okunmamış 11 Eylül 2019, 21:44
RespectionS Adlı Üyenin Avatarı
PHP , C++ ve C#
 
Üyelik Tarihi: 14 Ağustos 2019
Cinsiyet: Erkek
Ad, Soyad: Se... Çu...
Mesajlar: 268
Beğeniler: 84 / 2
Ticaret: 1, 100%
Alıntı:
yazilimsoru Adlı Üyeden Alıntı
ontedi hocam soruyu sorduğum gün width:100% - 300px; diye denemiştim.Bilmiyordum böyle bir şey olduğunu oluyor mu diye denemiştim cidden varmış.Sadece eksik yazmışım cevabınız için çok teşekkür ederim.İşe yaradı.

TEHET Hocam cevabınız için çok teşekkür ederim.İlk cevaptaki arkadaşın yöntemi daha kolay geldi.Ama sizede teşekkür ederim ilginiz için.

sercanjok Hocam inanın bootstrap öğrenmeyi denedim ama normal css'den daha karışık geldi bana.Bir türlü beceremedim kullanmayı.Ama ilginiz için teşekkür ederim.
Bootstrap zaten sizin yazdığınız yazmaya çalıştığınız css kodlarını içeren bir kütüphane karışık gelen nedir en iyi tasarımları en iyi responsiveliği bootstrap kütüphanesiyle alabilirsiniz.
Yeryüzü, bize atalarımızdan miras kalmadı, çoçuklarımızdan ödünç aldık!
  #7  
Okunmamış 12 Eylül 2019, 00:49
yazilimsoru Adlı Üyenin Avatarı
Yazilimsoru.com
 
Üyelik Tarihi: 05 Mart 2018
Cinsiyet: Erkek
Meslek: Web developer
Ad, Soyad: İs... Ko...
Mesajlar: 380
Beğeniler: 115 / 204
Ticaret: 0, 0%
RespectionS Bilmiyorum hocam gridler falan onları hiç anlayamadım.Belki şimdi oturup videoları yeniden izlesem anlarım ama yakında weble ilgilenmeyi bırakıp mobille ilgilenmeye başlamayı düşünüyorum.
Web sitem: yazilimsoru.com
  #8  
Okunmamış 12 Eylül 2019, 00:52
RespectionS Adlı Üyenin Avatarı
PHP , C++ ve C#
 
Üyelik Tarihi: 14 Ağustos 2019
Cinsiyet: Erkek
Ad, Soyad: Se... Çu...
Mesajlar: 268
Beğeniler: 84 / 2
Ticaret: 1, 100%
Alıntı:
yazilimsoru Adlı Üyeden Alıntı
RespectionS Bilmiyorum hocam gridler falan onları hiç anlayamadım.Belki şimdi oturup videoları yeniden izlesem anlarım ama yakında weble ilgilenmeyi bırakıp mobille ilgilenmeye başlamayı düşünüyorum.
grid olaylarına felan hiç bişeye bakıp kafanızı karıştırmanıza gerek yok aynı şekilde yazdığınız css kodlarında mesela genişlik ayarlamak için bir class oluşturdunuz .genislik bu bootstrapta .col-sm .col-md .col-lg vb. olarak ayrılmış ve genişlik değerleri yükseklik değerleri otomatik olarak ayarlanmış biçimde bulunuyor yani sizin yaptığınız tüm işlemler içinde hazır bulunuyor içinde ne olduğunu ne olmadığınıda zaten example docs kısmından bakarsınız dersiniz ki bana şurda şu lazım bir bakayım ne olarak class ekli kopyala yapıştır yaparak bile responsive yaparsınız mobil programlama webden daha karmaşık bunlarda zorlanıyorsanız o sizi bitirecektir kolay gelsin yakında dersler çekmeye başlayacağım hayırlısıyla ozaman her şey kolay ve öğrenilebilir olacak
Yeryüzü, bize atalarımızdan miras kalmadı, çoçuklarımızdan ödünç aldık!
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:36.