Centering Images

[pazdar]

I have added images to my "page 4". How do I center them?

[kuroi]

Using CSS in your stylesheet, but it's difficult to be more specific without seeing how you have added them.

[ronlee67]

If you are using the default HTMLarea for a text editor, click the image so it is highlighted (shows the corner handles), then click the text alignment icon on the toolbar. It is usually the second icon from the left just below where the font name is displayed. Click once will center the image on the line.

Another way, if the image is displayed on a line by itself without text on either side is to change to the source code display in the text editor and make sure the <p> tag for line associated with the image has align="center" included. Example <p align="center"><img src="/images/myimage"></p>

If your image is contained within a table then you need to add "align="center" to the td tag (example: <td align="center">"><img src="/images/myimage"></td>)

Ron

[pazdar]

Using the TOOLS Define Pages Editor, I added the following to my page:

<p TEXT ALIGN="CENTER"><strong><font face="verdana,arial,helvetica,sans-serif" SIZE=+2>BIG E WINE COMPETITION</font></strong></p><BR>
<p TEXT ALIGN="CENTER"><FONT SIZE=+1>HOT SIN® - DOUBLE GOLD MEDAL<BR>SUMMER'S ECSTASY - GOLD MEDAL<BR>EDEN'S PLEASURE - SILVER MEDAL<BR><BR><BR>
<FONT SIZE=+2><strong>INTERNATIONAL SCOVIE AWARDS<BR><BR>
<FONT SIZE=+1>HOT SIN®</p><BR>
<IMG SRC="/images/SCOVIES/sc2008winner1.jpg"><BR><BR><p TEXT ALIGN="CENTER">DRAGON FIRE ROSE'</p><BR><IMG SRC="/images/SCOVIES/sc2008winner.jpg"></p>

[pazdar]

Thanks, the <p align="center"><img src="/images/myimage"></p> worked.

[Website Rob]

It's a shame you are using outdated code. Nobody uses Captial letters in their Tags anymore, the Font tag was outdated 4 or more years ago and your <br> tag should be <br />.

All of the above needs to be applied in order for your code to be correct for the version of HTML used within Zen Cart.

You could have also put all the HTML code within a Div tag, with a few declarations, and used a lot less coding.

Just a thought.