jak fungují float a display

robbie:
Viz Float a Display - je tam něco konkrétně nejasného?

„proč použít u li {FLOAT:left;}“
„proč se používá u: img {display: block;}“
Ty otázky nedávají smysl.
Jelikož nevíme na jakých stránkách ani v jaké situaci, asi jediná možná odpověď je, že to zřejmě v kontextu dané stránky bylo potřeba.

Ale float-ované <li> se dají použít například k vytvoření horizontálního seznamu (třeba horizontální menu). Nebo pro něco jiného.
A display:block u <img> je výchozí hodnota.

Joker:

Nechci se mýlit, ale IMG má výchozí hodnotu inline.

robbie:
„proč nepoužít display:inline-block“
- protože IE7 a starší z bloku neudělají inline block
- mezi inline bloky je mezera
Obě zmíněné "chyby" jde ošetřit, ale to už je komplikace navíc.. Kvalitní tutoriály by toto měly zmínit, jinak to není tutoriál, ale nanejvýš komentovaná ukázka kódu.
http://kod.djpw.cz/sdbb
http://kod.djpw.cz/sdbb-

Plaváček:
No jasně. Takže se opravuji, díky.

robbie:
„proč se používá u: img {display: block;} proč to block ?“
Před otazníkem ne nedělá mezera a píše se jen jeden, akorát ostravaci možu psat tři vykřičniky nebo tři otazniky!!!
K dotazu, můj tip je, že jde o ošetření mezery pod obrázkem, více třebas na http://qu.wu.cz/webtest/mezera-pod-obrazkem.htm

Ad 1) Asi proto, že Explorer 6 a 7 potřebují trochu hackovat, ten float je universální.

Ad 2) To se používá pro řešení nechtěných mezer pod obrázky (více informací).

robbie:

Ještě doporučím edukativní článeček objasňující, jak obtékání technicky funguje: http://www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082