Autor Zpráva
Michal R
Profil
Na webu jsem se dočetl že ke každému obrázku mám dávat width a height. Mělo by to tam být aby text neposkočil v případě že se obrázek načte později než text.
Nicméně nevím jak to udělat s responsibilitou. Pokud zadám width a height na pevno v pixelech tak obrázek nebude responsivní. Pokud zadám width a height v procentech a obrázek se načte později než text, tak se stejně nevytvoří místo pro obrázek a po načtení obrázku text poskočí.

Může mi tedy někdo poradit jak to udělat správně?
Kajman
Profil
Když zadáte width a height v atributech obrázku a v css jednu stranu v procentech a druhou auto, tak se roztáhne dle css, ale v moderních prohlížečích by měl počítat s prostorem v poměru vypočteného dle atributů.
Poměr - živá ukázka

Případně ho můžete celý dát do kontejneru a jemu poměr určit.
www.vzhurudolu.cz/prirucka/pruzna-media

Edit: vypadá to, že ten poměr z atributů se použije jen do doby, než se obrázek načte. Pak se auto vezme vůči skutečné velikosti obrázku. Pokud se ho nepodařilo načíst a má nastavený alternativní text, tak se také poměr nedodrží.
Michal R
Profil
Kajman:
Díky, už je mi to jasné.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0