Image Align

[strubdog]

I am having trouble align an image to "center" or "middle. I have used this code on the page:

<img src="images/logo.jpg" align="middle">

This does not work. I even made a new html file with just this code. This image shows up but on the left. What am I missing?

[bulbul_2005@hot]

To do this try to use the paragraph tag even if you dont use text it will work for you

<p align="center">

<img src="images/logo.jpg" />

[Major Payne]

Maybe...

CSS:

img#c_enter {
display: block;
width: XXpx; 
height: YYpx; 
margin: 0 auto;
border: 0;
}

HTML:

<img id="c_enter" src="Path to image" alt="Text Description">

One way.

[Eye for Video]

Another option for things like centering images, centering text, or other tasks that you may do over and over in the course of building your site is to create classes for tasks in your style sheet. That way, any time you need to "automate" a task like centering an image, just assign that class to your element.

.center_img {
	display: block;
    	margin-left: auto;
    	margin-right: auto;
}
.center_this {
	text-align: center;
}
.pad_this {
	padding: 8px;
}

As you design more and more sites, you'll find that you can re-use many of those classes again in your new site.... so start a collection of common classes like that, save them into a special CSS file, then you when you start a new site, just copy / paste all those common classes into your new CSS.... saves a lot of work the next time around.
Best wishes,
Eye for Video
www.cidigitalmedia.com

[illbzo1]

To do this try to use the paragraph tag even if you dont use text it will work for you

<p align="center">

<img src="images/logo.jpg" />

I think this is kind of cheating, but it works.