- Mesajlar
- 356
Arkadaşlar Dreamweaver ile 3 adet divi yanyana yerleştiremiyorum. İki adet div sağ ve sol deyip yerletiriliyor ama üçüncü bir div ortaya ekleemiyorum. Lütfen yardımcı olur musunuz.
Dreamweaver Div yardım!
- Konbuyu başlatan hayrettintiryaki
- Başlangıç tarihi
Divlerden birinin floatı left, diğerinin right olacak. ortadaki de ortalanmış olacak. Veya ilk ikisi sol, biri sağ, üçü de sola yaslanmış vs. olabilir. Ama düzenlemesi biraz daha zor olur.
Float kullanılan divlerden sonraki kısımda da bir clear olması gerekiyor.
Hakan çamoğlunun güzel bir videosu vardı anlatan.
Jsfiddle'da da şimdi yazdım bir örnek.
http://jsfiddle.net/1LmLz88d/
Kod olarak inceleyebilirsin.
Tavsiyem bootstrap css frameworkünü kullanmak. Onda birçok işlem hazır yapılabiliyor.
Float kullanılan divlerden sonraki kısımda da bir clear olması gerekiyor.
Hakan çamoğlunun güzel bir videosu vardı anlatan.
Jsfiddle'da da şimdi yazdım bir örnek.
http://jsfiddle.net/1LmLz88d/
Kod olarak inceleyebilirsin.
Tavsiyem bootstrap css frameworkünü kullanmak. Onda birçok işlem hazır yapılabiliyor.
- Mesajlar
- 1,369
Arkadaşım 2 adet div ekleyeceksin.
float:left ve float:right ile hizalayacaksın.
width değerlerini % ile değer vereceksin.
daha sonda ikinci dive(iç içe div) iki tane div ekleyip float:left ve right ile 3 tane div yan yana oluşturmuş olursun.
float:left ve float:right ile hizalayacaksın.
width değerlerini % ile değer vereceksin.
daha sonda ikinci dive(iç içe div) iki tane div ekleyip float:left ve right ile 3 tane div yan yana oluşturmuş olursun.
http://liveweave.com/Du1Kq9
Bu da şimdi hazırladığım bootstrap örneği. dreamveawerda kod bölümünde yapılmak istenmiyorsa div ekle deyip class adları verilebilir.
örnek olsun diye düşük çözünürlükte alt alta göstermesini sağladım. Önizleme ekranı büyütülünce yan yana ekler. Bootstrapta mobil uyumlu site de bu şekilde yapılıyor.
Bu da şimdi hazırladığım bootstrap örneği. dreamveawerda kod bölümünde yapılmak istenmiyorsa div ekle deyip class adları verilebilir.
örnek olsun diye düşük çözünürlükte alt alta göstermesini sağladım. Önizleme ekranı büyütülünce yan yana ekler. Bootstrapta mobil uyumlu site de bu şekilde yapılıyor.
bilisimogretmen
Aktif Üye
- Mesajlar
- 129
3 adet div örneğin sol orta sağ gibi...
sol ve orta divin float özelliklerini left
sağ divin float özelliği right olarak ayarlayınız.
stil şablonları modülünde var...
sol ve orta divin float özelliklerini left
sağ divin float özelliği right olarak ayarlayınız.
stil şablonları modülünde var...
- Mesajlar
- 337
bozo0660 arkadaşımız doğru cevabı yazmış zaten. her 3 div de float özelliği left ya da right olacak. Tabiki son iki divi eklerken after div seçip, bir önceki div i göstereceksiniz. 4. div olarak da yine after div seçtikten sonra clear özelliğini both yapacaksın. Tabiki hepsinini genişlik değerlerini vermeniz gerekli. En son div içinde yazılı şeyleri sileceksiniz. hepsi bu.