

Bootstrap / Css / HTML İle İlgili Bir Soru
-
hacılar meraktan soruyorum
deminden beri deniyorum olmadı böyle yapınca oldu. sebebini öğrenmek istiyorum sadece
html : http://prntscr.com/85z43e
Css: http://prntscr.com/85z5hy
Sonuç: http://prntscr.com/85z5nl
ama css de float: left yerine, "display: inline-block" yazınca düzeldi
Sonuç: http://prntscr.com/85z5x3
Açıklaması nedir bunun ?
kalibre tarafından 18/Ağu/15 15:37 tarihinde düzenlenmiştir -
ben de merak ediyorum. geçenlerde deneye deneye düzelttim ama neden düzeldi anlamadım haliyle :D

-
CSS kodlarının linki yanlış.
https://jsfiddle.net/jpqwe80j/
https://jsfiddle.net/wut740n4/
https://jsfiddle.net/4oyu0caj/
Daha teknik anlatımını yapardım ama uzun süredir uzak kaldığım için ifadeleri pek toparlayamadım. :)
http://fatihhayrioglu.com/super-bir-ozellik-displayinline-block/
Austen tarafından 18/Ağu/15 13:53 tarihinde düzenlenmiştir -
-
float kullandıktan sonra clear:both kulanıcaksın. float olayını temizlemek için. inline-block iyidir fakat 100% site yapıcağın zaman belirsiz bir boşluk bırakıyor divlerden sonra.birde float:right vericeğin zaman inline-block da veremezsin.
-
-
Css html elementlerini bir kutu gibi düşünür. Bazı kodlar width ve height içermezse düzgün çalışmaz.
İnline block bu işin kolayı. Float ile de yapardın, float verdiğin ul tagına width height ta ver düzelir. İnline block ile vermene gerek yok o yüzden düzgün çıktı.
Tavsiyem, bootstrap a girmeden temel css bilgini daha da pekiştirmen, biraz da layout çalışman.
Temel css - sololearn css android app
Layout - layoutcss.com
Bu kaynakların anlatımı güzel, sololearn bence efsane
-
kvasir bunu yazdı
Css html elementlerini bir kutu gibi düşünür. Bazı kodlar width ve height içermezse düzgün çalışmaz.
İnline block bu işin kolayı. Float ile de yapardın, float verdiğin ul tagına width height ta ver düzelir. İnline block ile vermene gerek yok o yüzden düzgün çıktı.
Tavsiyem, bootstrap a girmeden temel css bilgini daha da pekiştirmen, biraz da layout çalışman.
Temel css - sololearn css android app
Layout - layoutcss.com
Bu kaynakların anlatımı güzel, sololearn bence efsane
dediği gibi ve padding eklersen de hoş olur margin falan onlar zevk meselesi tabi a ların text decoration kaldır v.s