HTML and CSS

Vertical Align Image

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Nov 2004

Posts: 89

Reputation: MrScruff is an unknown quantity at this point

Solved Threads: 0

MrScruff

Offline

Junior Poster in Training

Vertical Align Image

Aug 21st, 2006

This is doing my nut in as I'm sure it must be really simple. All I want to do is display an image in the center of my webpage vertically and horizontally:

http://www.blackdrop.org/

What do I need to do and thanks for any help!

Blackdrop Online Music Community... Love your music.. bitch! |

•

Join Date: May 2004

Posts: 1,478

Reputation: mikeandike22 is an unknown quantity at this point

Solved Threads: 18

mikeandike22 mikeandike22 is offline

Offline

Nearly a Posting Virtuoso

Re: Vertical Align Image

Aug 21st, 2006

Im not sure what your asking. How are you going to display the same image two different ways. Or do you mean you want to position it in the center of the page.
you most likely want to use css for this and absolute position the image.

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
img.center {
position:absolute;
top:25%; /*change to fit*/
left:45%;/*change for page*/
}
 <!--Then your html should be-->
<img class="center" src="MFTP.jpg" alt="" />
img.center {
position:absolute;
top:25%; /*change to fit*/
left:45%;/*change for page*/
}
 <!--Then your html should be-->
<img class="center" src="MFTP.jpg" alt="" />

I would recommend not using tables for your webpage as well.

Last edited by mikeandike22; Aug 21st, 2006 at 11:26 am.

My Daniweb Blog: This,That, and Everything Else (Blog contest winner)

GetFirefox!
GetOpera!

•

Join Date: Jun 2004

Posts: 434

Reputation: FC Jamison is on a distinguished road

Solved Threads: 20

FC Jamison FC Jamison is offline

Offline

Posting Pro in Training

Re: Vertical Align Image

Aug 21st, 2006

That won't center it in the browser window, though...will it?

I mean, it will work for a specific resolution on a specific browser, but not across all platforms.

•

Join Date: May 2004

Posts: 1,478

Reputation: mikeandike22 is an unknown quantity at this point

Solved Threads: 18

mikeandike22 mikeandike22 is offline

Offline

Nearly a Posting Virtuoso

Re: Vertical Align Image

Aug 21st, 2006

yea I know but the more content you add the longer the page is gonna get anyways. So it can never truly be center w/o javascript im assuming or possibly you could use the vertical-align property in css and set it to middle.

My Daniweb Blog: This,That, and Everything Else (Blog contest winner)

GetFirefox!
GetOpera!

•

Join Date: Apr 2004

Posts: 759

Reputation: Killer_Typo will become famous soon enough

Solved Threads: 35

Killer_Typo Killer_Typo is offline

Offline

Master Poster

Re: Vertical Align Image

Sep 22nd, 2006

•

Originally Posted by mikeandike22

I would recommend not using tables for your webpage as well.

i hate to dig up old threads but i was wondering why you dont recommend tables?

Dont forget to spread the reputation to those that deserve!

•

Join Date: Dec 2004

Posts: 1,655

Reputation: tgreer is an unknown quantity at this point

Solved Threads: 35

tgreer

Offline

Made Her Cry

Re: Vertical Align Image

Sep 22nd, 2006

Let's not start that debate again. It's been covered here, there, and everywhere already.

•

Join Date: Apr 2004

Posts: 759

Reputation: Killer_Typo will become famous soon enough

Solved Threads: 35

Killer_Typo Killer_Typo is offline

Offline

Master Poster

Re: Vertical Align Image

Sep 22nd, 2006

•

Originally Posted by tgreer

Let's not start that debate again. It's been covered here, there, and everywhere already.

:-| i wasnt looking for a debate, i was just looking for a different way to try and design my pages. im always open to different methods, especially if i see an increase in usability and decrease in overall load times and all that jazz.

Dont forget to spread the reputation to those that deserve!