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

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -