Merhabalar...
Responsive tema yaparak css ve html (özellikle div'lerin çalışma) mantığını anlamaya çalışıyorum, elementlerin davranışlarını gözleyebileceğim bir tasarım yaptım fakat şunu anlayamadım:
Soru 1:
wrapper div'inde float:left yaptığımda tüm elementleri kapsıyor (arka plan rengi sarı, anlaşılıyor). Ama sola yapışıyor.
wrapper divinde float:none yaptığımda ortalanıyor ama div'e de bir şey oluyor ve yüksekliği gidiyor.
Soru 2:
Temada büyütme küçültme yaptığımda içerik divinde taşmalar oluyor. Bunu nasıl oranlı yapabilirim?
Soru 3:
Sayfalama divi (pagination) site büyüklüğü 100% iken sağında boşluk kalıyor, büyütünce düzeliyor, nasıl düzeltebilirim?
Son olarak da bana tavsiye verebilir misiniz? İlk defa tema yapma işine giriştim. Genel olarak neler yapsam daha iyi olur, ne yapmamalıyım. Bilgilendirebilirseniz sevinirim.
Şimdiden teşekkürler...
Dosyaya ve ilk soru için resimlere bu adresteki dosyaları indirerek ulaşabilirsiniz:
https://app.box.com/s/bju9msqhjvvnubeu1jjforf18yeh341j
css div'e ne oluyor? |
8 Mesajlar | 903 Okunma | ||
- Üyelik 06.03.2014
- Yaş/Cinsiyet 33 / E
- Meslek Öğrenci
- Konum Diğer
- Ad Soyad M** B**
- Mesajlar 658
- Beğeniler 78 / 125
- Ticaret 0, (%0)
- Üyelik 04.08.2014
- Yaş/Cinsiyet 40 / E
- Meslek Yönetici
- Konum İstanbul Avrupa
- Ad Soyad Ş** K**
- Mesajlar 3626
- Beğeniler 1459 / 1458
- Ticaret 135, (%100)
Soru 1:
wrapper div'inde float:left yaptığımda tüm elementleri kapsıyor (arka plan rengi sarı, anlaşılıyor). Ama sola yapışıyor.
wrapper divinde float:none yaptığımda ortalanıyor ama div'e de bir şey oluyor ve yüksekliği gidiyor.
margin: 0 auto ile ortalayabilirsiniz
-----------------------------
Soru 2:
Temada büyütme küçültme yaptığımda içerik divinde taşmalar oluyor. Bunu nasıl oranlı yapabilirim?
clear:both kullanarak temizleyebilirsiniz taşmaları
----------------------
https://www.youtube.com/user/webdersleribiz/playlists Buradan istifade edebilirsiniz.
wrapper div'inde float:left yaptığımda tüm elementleri kapsıyor (arka plan rengi sarı, anlaşılıyor). Ama sola yapışıyor.
wrapper divinde float:none yaptığımda ortalanıyor ama div'e de bir şey oluyor ve yüksekliği gidiyor.
margin: 0 auto ile ortalayabilirsiniz
-----------------------------
Soru 2:
Temada büyütme küçültme yaptığımda içerik divinde taşmalar oluyor. Bunu nasıl oranlı yapabilirim?
clear:both kullanarak temizleyebilirsiniz taşmaları
----------------------
https://www.youtube.com/user/webdersleribiz/playlists Buradan istifade edebilirsiniz.
Bugün Bizim Yarın Çocuklarımızın.
- Üyelik 06.03.2014
- Yaş/Cinsiyet 33 / E
- Meslek Öğrenci
- Konum Diğer
- Ad Soyad M** B**
- Mesajlar 658
- Beğeniler 78 / 125
- Ticaret 0, (%0)
Hocam cevap için çok teşekkür ederim. html dosyasında wrapper div'i ile icerik_ana div'inin altına clear both ekleyerek 1. ve 3. soruları çözüme kavuşturdum.
İkinci soruyu da biraz yalnış sormuşum kusura bakmayın, kelime taşıyordu onu soracaktım ama onu da word-wrap:break-word; ile hallettim. İki gündür kafamı kurcalıyordu çok şükür çözüldü. Sağ olun tekrardan.
İkinci soruyu da biraz yalnış sormuşum kusura bakmayın, kelime taşıyordu onu soracaktım ama onu da word-wrap:break-word; ile hallettim. İki gündür kafamı kurcalıyordu çok şükür çözüldü. Sağ olun tekrardan.
- Üyelik 04.08.2014
- Yaş/Cinsiyet 40 / E
- Meslek Yönetici
- Konum İstanbul Avrupa
- Ad Soyad Ş** K**
- Mesajlar 3626
- Beğeniler 1459 / 1458
- Ticaret 135, (%100)
Hocam cevap için çok teşekkür ederim. html dosyasında wrapper div'i ile icerik_ana div'inin altına clear both ekleyerek 1. ve 3. soruları çözüme kavuşturdum.
İkinci soruyu da biraz yalnış sormuşum kusura bakmayın, kelime taşıyordu onu soracaktım ama onu da word-wrap:break-word; ile hallettim. İki gündür kafamı kurcalıyordu çok şükür çözüldü. Sağ olun tekrardan.
İkinci soruyu da biraz yalnış sormuşum kusura bakmayın, kelime taşıyordu onu soracaktım ama onu da word-wrap:break-word; ile hallettim. İki gündür kafamı kurcalıyordu çok şükür çözüldü. Sağ olun tekrardan.
Rica ederim İyi Çalışmalar
Bugün Bizim Yarın Çocuklarımızın.
- Üyelik 06.03.2014
- Yaş/Cinsiyet 33 / E
- Meslek Öğrenci
- Konum Diğer
- Ad Soyad M** B**
- Mesajlar 658
- Beğeniler 78 / 125
- Ticaret 0, (%0)
- Üyelik 04.08.2014
- Yaş/Cinsiyet 40 / E
- Meslek Yönetici
- Konum İstanbul Avrupa
- Ad Soyad Ş** K**
- Mesajlar 3626
- Beğeniler 1459 / 1458
- Ticaret 135, (%100)
Bugün Bizim Yarın Çocuklarımızın.
- Üyelik 12.06.2012
- Yaş/Cinsiyet 38 / E
- Meslek Öğretmen
- Konum Samsun
- Ad Soyad O** Y**
- Mesajlar 1722
- Beğeniler 398 / 400
- Ticaret 20, (%100)
div'leri float ile yanyana sıralamak yerine display:inline-block;width:XXXpx; kodları kullanılarak da yapılabilir.
Artı bir bilgi :)
Artı bir bilgi :)
.
- Üyelik 06.03.2014
- Yaş/Cinsiyet 33 / E
- Meslek Öğrenci
- Konum Diğer
- Ad Soyad M** B**
- Mesajlar 658
- Beğeniler 78 / 125
- Ticaret 0, (%0)
div'leri float ile yanyana sıralamak yerine display:inline-block;width:XXXpx; kodları kullanılarak da yapılabilir.
Artı bir bilgi :)
Artı bir bilgi :)
Bilgi için teşekkürler hocam, sağ olun.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)