html - Complex align of images -
i'm trying align 3 images on website's welcome page.
the company logo (500*500) must centered horizontally , vertically no matter size of page be.
on right , left sides of main logo have 2 flags (96*96) indicate language on site user redirected to.
i horizontal center of logos centered though don't have same vertical size (500 main logo , 96 flags) if there horizontal line passing through middle of of them.
many help
css
#horizon { display: block; height: 1px; left: 0; overflow: visible; position: absolute; text-align: center; top: 50%; width: 100%; } #content { height: 500px; left: 50%; margin-left: -250px; position: absolute; top: -250px; width: 500px; }
i've been using snippet of code years, positions #content in absolute centre of page (obviously figures need massaged app).
after that, added 2 further images either side should straight foward . . .
Comments
Post a Comment