Mám problém! (a kdo ne :-))
Mám dělanou galerii pomocí boxů DIV, které obsahují obrázek a název, asi toto:
<DIV id="galerie">
<DIV class="box">
<DIV class="img">
<A href=...><IMG src=... ... ></A>
</DIV>
<DIV class="txt">
<A href=to_samý>001.jpg</A>
</DIV>
</DIV>
-- // -- (několikrát)
</DIV>
DIV "img" má pevný rozměry 130x130 px.
problém je, jak zařídit, aby obrázek - fotka, která má větší okraj vždy 130 px, ale menší má různej, tak aby byla vycentrovaná jak horizontálně, tak vertikálně. Vodorovně to jde, ale na vertikální zarovnání jsou moje znalosti slabý :-(
Samozřejmě pomocí CSS...
Pomůže mi někdo?
Předem dík.
v css
div.img {
margin: auto;
}
zkus toto, jestli to nepomuze.
De vo to, že sem někde čet, že IE neumí "margin: auto"
tak ještě zkus:
div.img {
text-align: center;
vertical-align: middle; /*tusim*/
}
Dík, už jsem na to přišel, psali to na JAKPSATWEB.CZ a je to zajímavý řešení od Yuhůa,
http://www.jakpsatweb.cz/css/css-vertikalni-centrovani.html
takže dík.