Style Sheet Question

[amerar]

Hi All,

I can make a page using a style sheet, no problem there. However, if I
make an email and send it out to my list, Yahoo & Hotmail totally
ignore the style tags. It looks fine in Netscape though.....

Question: I've tried linking & embedding the style tags with no luck.
How can I use them inline? I've read that inline style sheets is the
way to go if you want them to work in most email clients.......

Say for example I have the following ID's defined in my style sheet,
how can I use them inlinwe, I'm not sure of the syntax and such:

#idDivBack {
position: absolute;
top: 168px;
left: 150px;
height: 40px;
width: 100%;
background-color: #D0A375; /*#9999CC;*/
border-style: none;
border-width: medium;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 100%;
font-size: 27pt;
font-family: Times, serif;
color: #CC9B6A; /*#8888DD;*/
padding: 5px;
text-align: right;
}
#idDivTitle1a {
position: absolute;
top: 143px;
left: 165px;
height: 100px;
font-style: italic;
font-variant: normal;
font-weight: bold;
line-height: 100%;
font-size: 38pt;
font-family: Verdana, sans-serif;
color: #D0A375; /*#00CC99;*/
background-color: transparent;
filter: shadow(color=#0 00000, direction=135);
}
#idDivTitle1b {
position: absolute;
top: 140px;
left: 162px;
height: 100px;
font-style: italic;
font-variant: normal;
font-weight: bold;
line-height: 100%;
font-size: 38pt;
font-family: Verdana, sans-serif;
color: #663300; /*blue;*/
background-color: transparent;
}

#idDivTitle2a {
position: absolute;
left: 180px;
top: 193px;
height: 40px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 100%;
font-size: 24pt;
font-family: Verdana, sans-serif;
color: silver; /*silver;*/
background-color: transparent;
}
#idDivTitle2b {
position: absolute;
left: 190px;
top: 200px;
height: 40px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 100%;
font-size: 24pt;
font-family: Verdana, sans-serif;
color: #990000; /*navy;*/
background-color: transparent;
}
.BodyArea {
position: absolute;
background-color: #E0E0E0; /*#AAFFEE;*/
color: black;
top: 265px;
width: 680px;
left: 150px;
padding: 5px;
border: medium solid silver; /*#00CC99;*/
margin-bottom: 1cm;
}

@media print {
#idDivBack { visibility: hidden; }
#idDivTitle1a { visibility: hidden; }
#idDivTitle1b { visibility: hidden; }
#idDivTitle2a { visibility: hidden; }
.BodyArea { visibility: hidden; }

#idDivTitle2b {
position: absolute;
left: 150px;
top: 140px;
height: 30px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 100%;
font-size: 24pt;
font-family: Verdana, sans-serif;
color: #990000; /*navy;*/
background-color: transparent;
}
}
Thanks,

Arthur

[David Dorward]

am****@iwc.net wrote:

I can make a page using a style sheet, no problem there. However, if I
make an email and send it out to my list, Yahoo & Hotmail totally
ignore the style tags.
HTML email is bad.
HTML email with formatting my CSS other then style *attributes* is badly
supported.

Avoid both.
Say for example I have the following ID's defined in my style sheet,
how can I use them inlinwe, I'm not sure of the syntax and such:

Change:
id="idDivBack"
to
style="position : absolute;top: 168px;etc etc etc".
and so on.
--
David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[Safalra]

am****@iwc.net wrote:

I can make a page using a style sheet, no problem there. However, if I
make an email and send it out to my list, Yahoo & Hotmail totally
ignore the style tags. It looks fine in Netscape though.....

Question: I've tried linking & embedding the style tags with no luck.
How can I use them inline? I've read that inline style sheets is the
way to go if you want them to work in most email clients.......

If you want your e-mail to work in most clients, it's best to use plain
text, and include a link to webpage if there's content that absolutely
requires HTML. That said, if you're determined to use HTML e-mail, note
that webmail systems will generally ignore any stylesheet so as not to
ruin their interface (of course with a but of clever stylesheet
rewriting they could get around this, but they're too lazy). Instead
you should put all the CSS within the 'style' attribute of the element
you want formatted.

--
Safalra (Stephen Morley)
http://www.safalra.com/hypertext/

['sNiek]

> Instead you should put all the CSS within the 'style' attribute of the element

you want formatted.

I never use stylsheets in my HTML-mailings. Instead, I use plain old-fashioned HTML (font-tags and such).

So, I wonder: what is the best solution inline CSS or HTML?
Niek
BTW: This is my first post in this newsgroup. I am a sitebuilder from Tilburg, The Netherlands working for www.sebastian.nl

[Barbara de Zoete]

On Wed, 10 Aug 2005 09:43:22 +0200, 'sNiek <n.*****@sebast ian.nl> wrote:

I never use stylsheets in my HTML-mailings. Instead, I use plain old-fashioned
HTML (font-tags and such).

So, I wonder: what is the best solution inline CSS or HTML?

Neither. HTML you should use for markup only. Analyse the content you're about
to offer and mark it up with some meaning to it. A heading is a heading, a
paragraph is a paragraph, a list is a list and so on. Once you've done that,
style your pages with CSS using a (external) stylesheet.

The thing about stylesheets is that they make maintenance of a site easy (clean
markup, styles all in the same place). Another benefit is for the visitor: an
external stylesheet gets loaded once and is then used for all pages from a site.
It brings down traffic and loading time. Also, when you want to, the looks of a
site are changed very easily (replace the stylesheet, et voila).
BTW: This is my first post in this newsgroup.
Then learn a few things before you post another:
- Don't use HTML; use text only;
- Quote text you reply to, attribute the quote, and reply underneath;
- Delete the text you don't reply to
I am a sitebuilder from Tilburg, The Netherlands working for www.sebastian.nl

- And present URLs as such: <http://www.sebastian.n l/> would be the proper URL
for that.

For some more thoughts on this, in Dutch see:
<http://home.wanadoo.nl/b.de.zoete/_private/2004/12/usenet_best_pra ctices.html>
<http://www.hensema.net/docs/quote/quote.html>

in English:
<http://www.spartanicus .utvinternet.ie/help_us_help_yo u.htm>
<http://groups.google.c om/gr************* *************** ***@newssvr19.n ews.prodigy.com >

And also, you could try the Dutch group some time, niwo:
<http://groups.google.c om/group/nl.internet.www .ontwerp>
The page you refer to BTW, is a horror with many mistakes:
<http://validator.w3.or g/check?uri=http% 3A%2F%2Fwww.seb astian.nl%2Find ex.php%3Fb%3D1% 26d%3D16%26p%3D 31>
With all those tables and use of markup attributes for the looks and layout it
is also a horror to maintain.

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

[Els]

Barbara de Zoete wrote:

On Wed, 10 Aug 2005 09:43:22 +0200, 'sNiek <n.*****@sebast ian.nl> wrote:

I never use stylsheets in my HTML-mailings. Instead, I use plain old-fashioned
HTML (font-tags and such).

So, I wonder: what is the best solution inline CSS or HTML?

Neither. HTML you should use for markup only. Analyse the content you're about
to offer and mark it up with some meaning to it. A heading is a heading, a
paragraph is a paragraph, a list is a list and so on. Once you've done that,
style your pages with CSS using a (external) stylesheet.

Barbara, Niek is talking about mailings, not sites ;-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Barbara de Zoete]

On Wed, 10 Aug 2005 10:14:00 +0200, Els <el*********@ti scali.nl> wrote:

Barbara de Zoete wrote:

On Wed, 10 Aug 2005 09:43:22 +0200, 'sNiek <n.*****@sebast ian.nl> wrote:

I never use stylsheets in my HTML-mailings. Instead, I use plain
old-fashioned
HTML (font-tags and such).

So, I wonder: what is the best solution inline CSS or HTML?

Neither. HTML you should use for markup only. Analyse the content you're about
to offer and mark it up with some meaning to it. A heading is a heading, a
paragraph is a paragraph, a list is a list and so on. Once you've done that,
style your pages with CSS using a (external) stylesheet.

Barbara, Niek is talking about mailings, not sites ;-)

Ah, with his use of html message I couldn't read the font very well, misread
that bid. In that case a stylesheet in the head of the template should be a good
option.

The very best option would be not to use html for any kind of e-mail of course,
but that is probably only achievable in that perfect world I live in.

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

[Spartanicus]

"'sNiek" <n.*****@sebast ian.nl> wrote:

BTW: This is my first post in this newsgroup.

Some rules:

1) Configure your software to place an attribute line on top of follow
up messages.
2) Post only in plain text, HTML or mixed format is not welcome here.

--
Spartanicus

[Els]

Barbara de Zoete wrote:

On Wed, 10 Aug 2005 10:14:00 +0200, Els <el*********@ti scali.nl> wrote:

Barbara de Zoete wrote:

On Wed, 10 Aug 2005 09:43:22 +0200, 'sNiek <n.*****@sebast ian.nl> wrote:

I never use stylsheets in my HTML-mailings. Instead, I use plain
old-fashioned
HTML (font-tags and such).

So, I wonder: what is the best solution inline CSS or HTML?

Neither. HTML you should use for markup only. Analyse the content you're about
to offer and mark it up with some meaning to it. A heading is a heading, a
paragraph is a paragraph, a list is a list and so on. Once you've done that,
style your pages with CSS using a (external) stylesheet.
Barbara, Niek is talking about mailings, not sites ;-)

Ah, with his use of html message I couldn't read the font very well,

Get Dialog. I see HTML messages in plain text - didn't even notice he
used HTML :-)
misread that bid. In that case a stylesheet in the head of the
template should be a good option.
If that would work, but CSS styles in HTML mail aren't as reliable as
you would expect. I've tried it once, and some very basic styles just
didn't work.
The very best option would be not to use html for any kind of e-mail of course,
Yup, agreed :-)
but that is probably only achievable in that perfect world I live in.

If you see HTML postings as HTML postings, your world is less perfect
than mine! :P

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Barbara de Zoete]

On Wed, 10 Aug 2005 10:24:16 +0200, Els <el*********@ti scali.nl> wrote:

Barbara de Zoete wrote:

[ styling mailings ]

In that case a stylesheet in the head of the template should be a good option.

If that would work, but CSS styles in HTML mail aren't as reliable as
you would expect. I've tried it once, and some very basic styles just
didn't work.

Hmm, too bad :-D

The very best option would be not to use html for any kind of e-mail of
course,

Yup, agreed :-)

but that is probably only achievable in that perfect world I live in.

If you see HTML postings as HTML postings, your world is less perfect
than mine! :P

Nope. Because I see html postings as html postings, I get the option to either
tell or killfile the poster. Either way, it reduces data traffic for me, and
with that for the internet as a whole. Thus I keep (re)creating my perfect
world, whereas yours has come to a stand still. Yours will get outdated some
time. Mine will be perfect for all the time future holds. :-D

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'