Which way to set up basic html/tables to display 3 images on top of each other.

[samjoy]

Hi I am making basic emailer newsletters for someone. I make them in indesign with 600pixel width, then export as jpeg and cut into 3 images to put into dreamweaver and upload html and images to my web space, by having 3 images even though they have text this seems to work across everything I have tried so all seems good, here is the question...what is the best way to set up the table to do this. At the moment I make a table for each image and centre align each table and it seems to work but dont know how bullet proof this is to work on phones and everything I cant really test it on...but should I...

1. stack 3 tables as I am doing
2. Make 1 table and split to make 3 cells within it
3. Make 1 table then create 3 tables within this one

or any other way I should do this?

Many Thanks

Sam

 

[spamjim]

Why do you need tables? Can't you center align everything and use a break

<br />

between each image to stack them?

 

[ChrisHirst]

Or use

#holder img {
    display: block;
    margin: 2px auto;
}

<div id="holder">
<img src="path" alt="picture">
<img src="path" alt="picture">
<img src="path" alt="picture">
</div>

Chris.

Indifference will be the downfall of mankind, but who cares?
Time flies like an arrow, however, fruit flies like a banana.
Webmaster Forum

 

[oenablx]

Why use tables?? Tables leave more Html coding stick to Divs & Css...

Call Center, Call Center Services, & IVR

 

[darryncooke]

if you read his post this is for an e-newsletter. Tables have to be used here.

you dont need a different cell for each image just use the

<br />

tag.

Chris' suggestion is good as well if this were a webpage but its email so I would just use the break tag.

Darryn Cooke

http://www.darryncooke.com

| Marketing and Creative Services