Newsletter CSS

Hello,

I have been reading some resources on the web on how to create a
newsletter that reads fine on email clients.
I ended up with the following CSS and HTML markup:

http://www.bonsalunos.pt/Newsletter.htm

Could someone give me tips to improve it?

Thank You,
Miguel

In article
<f1add3af-ec46-45f5-bc5f-e68d68417111 (AT) w9g2000yqa (DOT) googlegroups.com>,
shapper <mdmoura (AT) gmail (DOT) com> wrote:

Hello,

I have been reading some resources on the web on how to create a
newsletter that reads fine on email clients.
I ended up with the following CSS and HTML markup:

http://www.bonsalunos.pt/Newsletter.htm

Could someone give me tips to improve it?

I have html rendering disabled in my mail client,
so your newsletter would not "read fine" regardless
of the CSS/HTML!

On Mar 17, 11:41*am, David Stone <no.em... (AT) domain (DOT) invalid> wrote:

In article
f1add3af-ec46-45f5-bc5f-e68d68417... (AT) w9g2000yqa (DOT) googlegroups.com>,

*shapper <mdmo... (AT) gmail (DOT) com> wrote:
Hello,

I have been reading some resources on the web on how to create a
newsletter that reads fine on email clients.
I ended up with the following CSS and HTML markup:

http://www.bonsalunos.pt/Newsletter.htm

Could someone give me tips to improve it?

I have html rendering disabled in my mail client,
so your newsletter would not "read fine" regardless
of the CSS/HTML!

Yes, but for that I will have a plain text version of the newsletter.

The point here is to check if this HTML version is ok ...

shapper wrote:

On Mar 17, 11:41 am, David Stone wrote:
In article <something from googlegroups.com>, shapper wrote:

I have been reading some resources on the web on how to create a
newsletter that reads fine on email clients.
I ended up with the following CSS and HTML markup:
http://www.bonsalunos.pt/Newsletter.htm
Could someone give me tips to improve it?

I have html rendering disabled in my mail client,
so your newsletter would not "read fine" regardless
of the CSS/HTML!

Yes, but for that I will have a plain text version of the newsletter.

The point here is to check if this HTML version is ok ...

Why do you ask us first, Miguel?

(X)HTML: 4 Errors, 14 warning(s)
http://validator.w3.org/

CSS: No Error Found. Congratulations! But...
Warnings (25), all relating to foreground/background colors.
http://jigsaw.w3.org/css-validator/

Also, I do not think there is a fontface named "Geneve".

I wonder if the <span>s inside the <td>s aren't superfluous. Do you
really need them (with their repeated in-line styling)? Ah, I see,
you're using them instead of <hn> and <p> elements, and using different
in-line styles for the heading and the single paragraph that follows
each. Is there a deliberate reason for this? Did your research point you
to doing this for some reason?

I don't know how to tell how this page will look in my e-mail client
(without you sending it to me). I've never tried to send such a thing by
e-mail, although my boss is keen on such things.

I do know for a fact that I won't see your banner graphics, though. I
can't imagine I'd ever click on your links, as they look like tracking
links, and I don't like my behavior to be tracked. I don't remember if
you said these are all opt-in-only e-mails, but I still wouldn't do any
clicking.

--
John
Yeah, I'm a nervous nelly.
Still pondering the value of the UIP: http://improve-usenet.org/

On Mar 17, 1:48*pm, John Hosking <J... (AT) DELETE (DOT) Hosking.name.INVALID>
wrote:

shapper wrote:
On Mar 17, 11:41 am, David Stone wrote:
In article <something from googlegroups.com>, shapper wrote:
I have been reading some resources on the web on how to create a
newsletter that reads fine on email clients.
I ended up with the following CSS and HTML markup:
http://www.bonsalunos.pt/Newsletter.htm
Could someone give me tips to improve it?
I have html rendering disabled in my mail client,
so your newsletter would not "read fine" regardless
of the CSS/HTML!

Yes, but for that I will have a plain text version of the newsletter.

The point here is to check if this HTML version is ok ...

Why do you ask us first, Miguel?

(X)HTML: 4 Errors, 14 warning(s)http://validator.w3.org/

CSS: No Error Found. Congratulations! But...
Warnings (25), all relating to foreground/background colors.http://jigsaw..w3.org/css-validator/

Also, I do not think there is a fontface named "Geneve".

I wonder if the <span>s inside the <td>s aren't superfluous. Do you
really need them (with their repeated in-line styling)? Ah, I see,
you're using them instead of <hn> and <p> elements, and using different
in-line styles for the heading and the single paragraph that follows
each. Is there a deliberate reason for this? Did your research point you
to doing this for some reason?

I don't know how to tell how this page will look in my e-mail client
(without you sending it to me). I've never tried to send such a thing by
e-mail, although my boss is keen on such things.

I do know for a fact that I won't see your banner graphics, though. I
can't imagine I'd ever click on your links, as they look like tracking
links, and I don't like my behavior to be tracked. I don't remember if
you said these are all opt-in-only e-mails, but I still wouldn't do any
clicking.

--
John
Yeah, I'm a nervous nelly.
Still pondering the value of the UIP:http://improve-usenet.org/

Hi John,

I am using inline styling as it is safer when talking about email
clients.
Email clients don't go very well with "modern" CSS ...

I found a good CSS table for email clients:
http://www.campaignmonitor.com/css/

And also a few good articles about HTML markup and CSS styling:
http://www.alistapart.com/articles/cssemail/
http://css-discuss.incutio.com/?page=StyleInEmail

I am sure the Newsletter needs some improvements and this is the
reason of this post.

Any suggestion is welcome .. I will give it a try.

Thank You,
Miguel

shapper wrote:

On Mar 17, 11:41 am, David Stone <no.em... (AT) domain (DOT) invalid> wrote:
In article
f1add3af-ec46-45f5-bc5f-e68d68417... (AT) w9g2000yqa (DOT) googlegroups.com>,

shapper <mdmo... (AT) gmail (DOT) com> wrote:
Hello,
I have been reading some resources on the web on how to create a
newsletter that reads fine on email clients.
I ended up with the following CSS and HTML markup:
http://www.bonsalunos.pt/Newsletter.htm
Could someone give me tips to improve it?
I have html rendering disabled in my mail client,
so your newsletter would not "read fine" regardless
of the CSS/HTML!

Yes, but for that I will have a plain text version of the newsletter.

The point here is to check if this HTML version is ok ...

Better to send a text newsletter, with a link to a PDF or an HTML page
for those who choose to read a prettier newsletter.

In article
<1bbf9f71-b6e6-448d-91e3-4a6bfd67a10f (AT) v38g2000yqb (DOT) googlegroups.com>,
shapper <mdmoura (AT) gmail (DOT) com> wrote:

I am sure the Newsletter needs some improvements and this is the
reason of this post.

A lot seems to depend on you trying to make it email friendly...

I don't really understand the motive in the light of alternative simpler
things you can do.

--
dorayme