Zarovnání dolů
Ahoj, mám problém s zarovnáním divů
Je to zarovnání v tabulce vytvořené pomocí views.
Takže je to tabulka a v ní jsou DIV které obsahují Nadpis, obrázek, text, obrázek. V tomto pořadí od vrchu dolů.
Nemůžu přijít jak jednotlivé DIV zarovnat aby Nadpis, obrázek a text byly nahoře (Namačkané na sobě na vršku své buňky)
A Ten poslední obrázek aby byl uplně dole.
tady je výpis z CSS
.views-field-title {
text-align: center;
vertical-align: top;
}
.views-field-field-image-cache-fid {
text-align: center;
vertical-align: top;
}
.views-field-body {
text-align: center;
vertical-align: top;
}
.views-field-button {
vertical-align: bottom;
text-align: center;
}
Používám vertical-align pro zarovnání ale asi to nebude to pravé.
Poradí někdo jak na to? Díky moc…

Udělal bych toto. Nadřazenému
Udělal bych toto. Nadřazenému divu, nejspíš .views-row, dej position: relative. A dolní obrázek pak bude: .views-field-button { position: absolute: bottom: XXpx; }
TO xx si změň na hodnotu, která ti bude vyhovovat.
Vertical-align mám pocit funguje jen pro tabulky.
Díky za odpověď ale to mi
Díky za odpověď ale to mi nahází všechny tlačíka až uplně na spodek stránky. A vzhledem k tomu že je několik řad nad sebou tak to nejde jednotlivě napozicovat :(
Proto musíš tomu nadřazenému
Proto musíš tomu nadřazenému prvku dát position: relative.
Teď mě to napadalo. Dám tomu
Teď mě to napadalo. Dám tomu pevnou velikost a tím se to napozicuje…
Poslat nový komentář