Responsive Sorunu |
8 Mesajlar | 1.120 Okunma | ||
- Üyelik 15.09.2014
- Yaş/Cinsiyet 26 / E
- Meslek Flutter Developer
- Konum İstanbul Avrupa
- Ad Soyad B** T**
- Mesajlar 2016
- Beğeniler 0 / 387
- Ticaret 70, (%97)
İmzamdaki sitede mobilden girince Youtube Kanalına Abone Olun! kısmı daraldığından slider gözükmüyor nasıl halledebilirim?
- Üyelik 16.01.2016
- Yaş/Cinsiyet 63 / E
- Meslek Gazeteci
- Konum Mersin
- Ad Soyad V** K**
- Mesajlar 305
- Beğeniler 66 / 129
- Ticaret 0, (%0)
Sitenizi 1024x768 ekran çözünürlügünde açtım ancak slider görünmüyor.
Ayrıca "Youtube kanalına abone olun" yazı ve çerçeveyi ekran küçüldügünde @media kodu ile küçülecek şekilde yapabilirsiniz. Örnek kod:
.telefon{width:100%; height:100px;font-size:18px;}
@media screen and (max-width:500px) and (min-width:100px) {
.telefon{width:100%; height:70px;font-size:12px;}
}
Ayrıca "Youtube kanalına abone olun" yazı ve çerçeveyi ekran küçüldügünde @media kodu ile küçülecek şekilde yapabilirsiniz. Örnek kod:
.telefon{width:100%; height:100px;font-size:18px;}
@media screen and (max-width:500px) and (min-width:100px) {
.telefon{width:100%; height:70px;font-size:12px;}
}
- Üyelik 15.09.2014
- Yaş/Cinsiyet 26 / E
- Meslek Flutter Developer
- Konum İstanbul Avrupa
- Ad Soyad B** T**
- Mesajlar 2016
- Beğeniler 0 / 387
- Ticaret 70, (%97)
bilsez hocam aşağıdaki kod ile verdiğinizi nasıl birleştiririz?
Bay Tecrübe Youtube Kanalına Abone Olun!
<script></script>
- Üyelik 16.12.2014
- Yaş/Cinsiyet 37 / E
- Meslek Frontend Developer
- Konum İstanbul Anadolu
- Ad Soyad E** K**
- Mesajlar 75
- Beğeniler 1 / 23
- Ticaret 0, (%0)
dostum browserdan problemin gözlemlenemiyor fakat kodlara baktığımda float:left komutu buna neden oluyordur buyuk ihtimalle. float komutunu kullandıktan sonra altındaki yapıdan ayırmak için clear:both komutu da kullanmak gerekir. yalnız bu komutu altındaki slider kısmına vermek gerekiyor. fakat hiç bu komutla uğraşmana gerek yok bu yapıda çunku float:left komutunu kullanmanın bir mantığı yok bu alanda.. float:left komutu gereksiz o alanda ve problemin de çok buyuk ihtimal bu kodu kullanmandan kaynaklanıyor.
aşağıdaki linki inceleyebilirsin clear:both için.. orada dikkat etmen gereken yer şurası olacak:
http://stackoverflow.com/questions/8554043/what-is-clearfix
aşağıdaki linki inceleyebilirsin clear:both için.. orada dikkat etmen gereken yer şurası olacak:
Sidebar
http://stackoverflow.com/questions/8554043/what-is-clearfix
templates.informationstock.com
www.informationstock.com
www.informationstock.com
- Üyelik 14.01.2016
- Yaş/Cinsiyet 31 / E
- Meslek Web Tasarım
- Konum İstanbul Avrupa
- Ad Soyad K** K**
- Mesajlar 19
- Beğeniler 1 / 2
- Ticaret 0, (%0)
hocam css bilginiz varsa yapabilirsiniz
ÖRNEK : @media screen and (max-width: 600px) {
.res1{width:100%!important;float:none;}
.res2{width:100%!important;float:none;}
}
mesela bu kod demek istiyorki 600 pxelden kücük ise şu şekilde göster demek istiyor.
ÖRNEK : @media screen and (max-width: 600px) {
.res1{width:100%!important;float:none;}
.res2{width:100%!important;float:none;}
}
mesela bu kod demek istiyorki 600 pxelden kücük ise şu şekilde göster demek istiyor.
- Üyelik 03.02.2014
- Yaş/Cinsiyet 40 / E
- Meslek xxxxxxxxxxx
- Konum Kırklareli
- Ad Soyad A** K**
- Mesajlar 152
- Beğeniler 6 / 11
- Ticaret 0, (%0)
@media all and (max-width:800px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:21) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px)
"RESPONSİVE KODLAR BURAYA GELECEK."
}
"RESPONSİVE KODLAR BURAYA GELECEK."
}
- Üyelik 16.12.2014
- Yaş/Cinsiyet 37 / E
- Meslek Frontend Developer
- Konum İstanbul Anadolu
- Ad Soyad E** K**
- Mesajlar 75
- Beğeniler 1 / 23
- Ticaret 0, (%0)
Burak rica ederim dostum gönderdiğin komutlara bir de margin-bottom: 10px; eklersen sliderla arasında güzel bir boşluk olur daha iyi bir goruntu elde edebilirsin.. kolay gelsin..
templates.informationstock.com
www.informationstock.com
www.informationstock.com