[Str8]

I am trying to align an image at the center and all the way at the top.

Currently I have:

<div style="padding-left: 233px"><a href="1_2_Products.html"> <img src="web_images/str8_v2.jpg" alt="" /> </a></div>

Which I am gettting the image to center (I don't know if the image will stay centered this way with the padding with different screen sizes, or just shifted to the right more on some screens), but there is a space gap between the image and the top of the screen. How can i get rid of this gap and get the image ALL the way at the top of the screen and without the space?

[lobrc]

Place this at the top of the page:

<div style="text-align:center;"><a  href="1_2_Products.html"><img src="web_images/str8_v2.jpg"  /></a></div>

[Str8]

Originally Posted by lobrc

Place this at the top of the page:

<div style="text-align:center;"><a  href="1_2_Products.html"><img src="web_images/str8_v2.jpg"  /></a></div>

Thank you, that's centering the picture, although I still have a very small space at the very top of the image with the page.

this seems to center and put my image at the top like I want it, but it just works as a background image and cannot hyperlink it

background: #000000 url(web_images/str8_v2.jpg) no-repeat center top;

[lobrc]

Try this:

<div style="text-align:center; margin-top:0px;"><a   href="1_2_Products.html"><img src="web_images/str8_v2.jpg"   /></a></div>

[Str8]

Originally Posted by lobrc

Try this:

<div style="text-align:center; margin-top:0px;"><a   href="1_2_Products.html"><img src="web_images/str8_v2.jpg"   /></a></div>

I'm still getting that little space, if you wanna take a look at the page and how its got the gap, this is the page Link

[lobrc]

<div style="text-align:center; margin-top:-2px;"><a    href="1_2_Products.html"><img src="web_images/str8_v2.jpg"    /></a></div>

[Str8]

Originally Posted by lobrc

<div style="text-align:center; margin-top:-2px;"><a    href="1_2_Products.html"><img src="web_images/str8_v2.jpg"    /></a></div>

GENIUS!!! That worked perfectly. I ended up going with -7.5px. Will this affect the way the page looks on different screen sizes and maybe I am just seeing it work on my screen size, or should this work universally.

[lobrc]

Originally Posted by Str8

GENIUS!!! That worked perfectly. I ended up going with -7.5px. Will this affect the way the page looks on different screen sizes and maybe I am just seeing it work on my screen size, or should this work universally.

It should work fine on all screen resolutions

[Str8]

In the future, if I want to lower the image vertically but having the image stay in the center, would I lower it by increasing the margin px? Or is there a better way to accomplish this.

[lobrc]

Originally Posted by Str8

In the future, if I want to lower the image vertically but having the image stay in the center, would I lower it by increasing the margin px? Or is there a better way to accomplish this.

That way is perfectly acceptable