PC-HELP.CZ

Zdravím,

potřeboval bych naformátovat více bloků textu tímto způsobem:

Vlevo je obrázek, který má pod sebou popisek. Vedle ho obtéká text, který ale není na celou výšku obrázku, proto je potřeba jej zarovnat do středu výšky obrázku tak, aby byla shora i zespodu stejná mezera. Aktuálně jsem to prostě odbreakoval, ale to není řešení v dalších zařízeních. Viz příloha.

Zatím jsem měl jeden div floatnutý doleva, ten držel obrázek vlevo a dalším vnořeným divem jsem držel vlevo popisek fotky. Otázka tedy je, jak ještě dostat doprava blok textu a vycentrovat jej dle výšky obrázku.

Pokud znáš výšku obrázku, je to jednoduché, například takhle:
http://pokusna-krysa.webpark.cz/tmp/ver ... e_obrazku/

Díky, tak lehké to u mě ale nebude, přesné rozměry obrázku sice znám, ale problém je v tom, že v mobilní verzi se obrázek zmenšuje a tím pádem nemůžu nastavit pevnou šířku (potom by na mobilu obrázek zasahoval za okraj).

možná to jde pomocí tabulky (nezatracovat tabulky), případně pomocí display: property může mít exotické hodnoty table-cell apod.

No vždyť jsem tam ten pravý blok nadefinoval jako display:table-cell s hodnotou vertical-align:middle. Na tom nevidím nic exotického.