Autor Zpráva
Karlinho
Profil
Zdravím, na stránce http://glamourfashion.sk/new/kategoria-produktu/topanky/ je zobrazení několika produktů a potřeboval bych co nejlépe udělat to, že jednotlivé produkty budou mezi sebou zarovnané na spodní čáru. Přidám obrázek:



Zkoušel jsem to udělat několika způsoby, vždy však bylo něco špatně. Kdo by mi dokázal poradit?
Marschmallow
Profil
Karlinho:
Řešením by bylo nastavení stejné výšky všem obrázkům.
Tomáš123
Profil
Marschmallow:
Řešením by bylo nastavení stejné výšky všem obrázkům.
To však môže ovplyvniť aj šírku...

Karlinho:
Skúste vertical-align: bottom;.
Trejpa
Profil
Tomáš123:
Skúste vertical-align: bottom;.
Hloupost. Vlastnost vertical-align lze použít jen na buňky tabulky (posouvá obsah elementu) a na inline-block elementy (posouvá element vůči výšce řádku). I kdyby přetypoval blok obalující obrázek na buňku tabulky, tak by se mu s popiskem posunul dolů i obrázek, což zřejmě není cílem.

V tomto případě je nejjednodušší zadat výšku. Buď obrázku, nebo jeho obalu, vůči kterému se popisek třeba dopozicuje (absolutně).

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: