The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> HTML email, align image bottom of cell
chrisfromwa
post Sep 23 2014, 12:08 PM
Post #1





Group: Members
Posts: 2
Joined: 23-September 14
Member No.: 21,589



Hi,
So I'm building an HTML email, and the design has a 2 column look.

What I need to do, is within each cell have text aligned top and then also an image aligned to the bottom.

Since this is an email, I can't use divs, or many styles either.

Does anyone know if this is possible?
Attached is what an example of what I'm trying to do.

I thought this would be simple, but its turning out to be a pain.


Attached thumbnail(s)
Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 23 2014, 01:52 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,733
Joined: 9-August 06
Member No.: 6



Break each cell up in two. I.e. add another row for the images.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
chrisfromwa
post Sep 23 2014, 04:37 PM
Post #3





Group: Members
Posts: 2
Joined: 23-September 14
Member No.: 21,589



QUOTE(pandy @ Sep 23 2014, 01:52 PM) *

Break each cell up in two. I.e. add another row for the images.


That's what I ended up doing, we had to change our design though.

Originally the designed called for a border that wrapped each cell, so with that design adding another row made it look like 2 boxes instead of 1.
But we decided the border wasn't all that important, and just removed it and did the 2 row approach.

But I would like to know if something like what I needed to is possible? In case I ever need to do it later on.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 23 2014, 04:57 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,733
Joined: 9-August 06
Member No.: 6



Ah, I see. No, without CSS I don't see a way.

But you needn't go into positioning with CSS. You could use the two row approach and use CSS to apply borders so the two vertical cells look like one. I don't know how that would fare in HTML email though. I suspect it would be safer than positioning, but I really don't know.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Sep 23 2014, 05:05 PM
Post #5


.
********

Group: WDG Moderators
Posts: 9,661
Joined: 10-August 06
Member No.: 7



QUOTE(chrisfromwa @ Sep 23 2014, 11:37 PM) *

Originally the designed called for a border that wrapped each cell, so with that design adding another row made it look like 2 boxes instead of 1.
But we decided the border wasn't all that important, and just removed it and did the 2 row approach.

But I would like to know if something like what I needed to is possible? In case I ever need to do it later on.

You mean control individual table and cell side borders (without using CSS)? The FRAMES and RULES attributes might be used for that: http://www.htmlhelp.com/reference/html40/tables/table.html (no idea about browser support).
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 23 2014, 05:22 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,733
Joined: 9-August 06
Member No.: 6



Neither have I. The support didn't use to be great, but then CSS came along and I haven't thought about those attributes in a long time. I suspect though that with HTML email one should be wary not only of fancy CSS but also of more esoteric HTML.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Sep 24 2014, 09:12 AM
Post #7


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16



HTML email should be designed like 1990s website.
Embedded tables for positioning. You can't rely on CSS positioning.
It's the one area that Dreamweaver is still useful.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 27th April 2024 - 04:41 PM