This Forum Has Been Archived
*Click Here To Visit The NEW Forum*

 

 


Centering 3 graphics horizontally

Have questions about Graphics or Graphics programs? Discuss header graphics, Paint Shop Pro, Adobe Photoshop, hiring graphic designers, editing photos and creating images.

Moderators: angienewton, tknoppe, terrapin719, lisamariemary

Centering 3 graphics horizontally

Postby Dustie » Tue Mar 13, 2007 7:52 am

Not being very html proficient it took me ages to position the 3 images of my dog on my site, but I would now like to centre them in the column instead of them being aligned to the left.

I just can't get it to work, any help will be much appreciated.

You can view the images at: www.cyns-home-biz.com

Many thanks
Dustie
Dustie
 
Posts: 119
Joined: Fri Mar 02, 2007 5:22 am
Location: South Africa

Postby Jim Guinn » Tue Mar 13, 2007 8:01 am

Hi Dustie,

Try this:

<P align=center>
<TABLE style="WIDTH: 100%; BORDER-COLLAPSE: collapse" cellPadding=5 align=center>
<TBODY>
<TR>
<TD>
<P align=center>(place image here)</P></TD></TR>
<TR>
<TD>
<P align=center>(place image here)</P></TD></TR>
<TR>
<TD>
<P align=center>(place image here)</P></TD></TR></TBODY></TABLE></P>

Jim
User avatar
Jim Guinn
 
Posts: 413
Joined: Sat Jul 23, 2005 7:28 pm
Location: Pennsylvania, USA

Postby Dustie » Tue Mar 13, 2007 8:18 am

Hi Jim

Thanks so much for responding so quickly. I have tried what you suggested but the images go vertically and I would like them to be in a horizontal row but centered in the column.

Dustie

Jim Guinn wrote:Hi Dustie,

Try this:

<P align=center>
<TABLE style="WIDTH: 100%; BORDER-COLLAPSE: collapse" cellPadding=5 align=center>
<TBODY>
<TR>
<TD>
<P align=center>(place image here)</P></TD></TR>
<TR>
<TD>
<P align=center>(place image here)</P></TD></TR>
<TR>
<TD>
<P align=center>(place image here)</P></TD></TR></TBODY></TABLE></P>

Jim
Dustie
 
Posts: 119
Joined: Fri Mar 02, 2007 5:22 am
Location: South Africa

Postby Jim Guinn » Tue Mar 13, 2007 9:53 am

OOPS! Sorry, Dustie. I misread your post the first time around.

Try this instead:

<TABLE style="WIDTH: 100%; BORDER-COLLAPSE: collapse" cellPadding=5 align=center>
<TBODY>
<TR>
<TD>
<P align=center>Place Image Here</P></TD>
<TD>
<P align=center>Place Image Here</P></TD>
<TD>
<P align=center>Place Image Here</P></TD></TR></TBODY></TABLE>

You can change the width and cellpadding to meet your needs.

That should do the trick!

Jim
User avatar
Jim Guinn
 
Posts: 413
Joined: Sat Jul 23, 2005 7:28 pm
Location: Pennsylvania, USA

Postby Dustie » Tue Mar 13, 2007 10:21 am

Hi Jim

It sure did the trick - thanks so very much and I think the site looks much better now.

You have not only taught me to align images horizontally but also vertically as well as how changing the width and cell padding had an effect on them. Very much appreciated.

I posted my latest article today in the Article section and it is based around people like you who help out in forums - you may like to have a glance at it:
http://www.selfstartersweeklytips.com/f ... hp?t=16564

Cheers for now
Dustie

Jim Guinn wrote:OOPS! Sorry, Dustie. I misread your post the first time around.

Try this instead:

<TABLE style="WIDTH: 100%; BORDER-COLLAPSE: collapse" cellPadding=5 align=center>
<TBODY>
<TR>
<TD>
<P align=center>Place Image Here</P></TD>
<TD>
<P align=center>Place Image Here</P></TD>
<TD>
<P align=center>Place Image Here</P></TD></TR></TBODY></TABLE>

You can change the width and cellpadding to meet your needs.

That should do the trick!

Jim
Dustie
 
Posts: 119
Joined: Fri Mar 02, 2007 5:22 am
Location: South Africa


Return to Graphic Design

Who is online

Users browsing this forum: No registered users and 1 guest

cron