[CSS] in een html mail plaatsen - Softwareontwikkeling

donderdag 20 februari 2003 10:55

Acties:

WYSIWYG

Topicstarter

Ik ben bezig met een HTML-mail te maken, waar ik gebruik ga maken van CSS.

Is het verplicht om de CSS, inline te gebruiken voor een HTML-mail?

Volgens mij werkt het niet als de CSS in de <head> staat.

Zijn hier regels voor?

Pay peanuts get monkeys !

donderdag 20 februari 2003 11:02

Acties:

Pelle

🚴‍♂️

Een externe CSS file in een HTML mail kan redelijk grote problemen opleveren ja. Definieer je styles gewoon tussen style-tags, in de head én in de body (ja, ik weet het:

), aangezien Hotmail de style in de head er zelf tussenuit sloopt. Door het tevens in de body te definieren, kun je dat dus weer overrulen.

Ben zelf overigens een grote tegenstander van HTML mail.

donderdag 20 februari 2003 11:07

Acties:

Dutch_guy

WYSIWYG

Topicstarter

Bedankt voor je antwoord, heb ik nog 1 vraagje:

Ik gebruik nu voor mijn links in de <head> het volgende:

code:

.lnkblack A:link {
    font-weight : bold;
    color : black;
    text-decoration: none;
}

.lnkblack A:active {
    font-weight : bold;
    color : black;
    text-decoration: none;
}
.lnkblack A:visited {
    font-weight : bold;
    color : black;
    text-decoration: none;
}
.lnkblack A:hover {
    font-weight : bold;
    color : red;
    text-decoration: none;

Hoe kan ik hier een inline CSS van maken? Ik heb geen idee, hoe ik al die elementen als 1 kan definieren. (link, hover, etc.)

Pay peanuts get monkeys !

donderdag 20 februari 2003 11:19

Acties:

Pelle

🚴‍♂️

Wat bedoel je precies, ik snap 't niet echt.

donderdag 20 februari 2003 11:22

Acties:

Willem

Het zijn op deze manier al inline elementen, als je ze maar tussen de head en style tags plaatst. Wel zou ik alleen van je classnames het volgende maken

code:

a.lnkblack {
 /* */
}

a.lnkblack:hover {
 /* */
}

etc...

Motor (of auto) onderhoud bijhouden

donderdag 20 februari 2003 11:23

Acties:

Verwijderd

Dutch_guy schreef op 20 February 2003 @ 11:07:
Bedankt voor je antwoord, heb ik nog 1 vraagje:

Ik gebruik nu voor mijn links in de <head> het volgende:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.lnkblack A:link {
    font-weight : bold;
    color : black;
    text-decoration: none;
}

.lnkblack A:active {
    font-weight : bold;
    color : black;
    text-decoration: none;
}
.lnkblack A:visited {
    font-weight : bold;
    color : black;
    text-decoration: none;
}
.lnkblack A:hover {
    font-weight : bold;
    color : red;
    text-decoration: none;
Hoe kan ik hier een inline CSS van maken? Ik heb geen idee, hoe ik al die elementen als 1 kan definieren. (link, hover, etc.)

donderdag 20 februari 2003 11:24

Acties:

Dutch_guy

WYSIWYG

Topicstarter

Ok, bovenstaande style is dus nu geplaatst in de <head>. Echter alles tussen <head> </head> stuur ik niet mee in de HTML-mail omdat bijvoorbeeld Hotmail daar niets mee doet.

Nu wil ik wel dat de bovenstaande style wordt gebruikt in mijn HTML mail. Dus wil ik die, net als mijn andere styles inline plaatsen in de body, in dit geval bij iedere link.

Normaal heb je iets als:

code:

1	style="font-family : verdana, arial, helvetica; font-size: 12px; font-weight: bold; color: red"

Zo wil ik ook die "hover" functionaliteit maken voor iedere link

Pay peanuts get monkeys !

donderdag 20 februari 2003 11:32

Acties:

Pelle

🚴‍♂️

Dutch_guy schreef op 20 February 2003 @ 11:24:
Ok, bovenstaande style is dus nu geplaatst in de <head>. Echter alles tussen <head> </head> stuur ik niet mee in de HTML-mail omdat bijvoorbeeld Hotmail daar niets mee doet.

Heb je dit uberhaupt wel gelezen?

[nohtml]

Pelle schreef op 20 February 2003 @ 11:02:
Definieer je styles gewoon tussen style-tags, in de head én in de body (ja, ik weet het: ), aangezien Hotmail de style in de head er zelf tussenuit sloopt. Door het tevens in de body te definieren, kun je dat dus weer overrulen.

[/nohtml]
Volgens mij niet...

Nu wil ik wel dat de bovenstaande style wordt gebruikt in mijn HTML mail. Dus wil ik die, net als mijn andere styles inline plaatsen in de body, in dit geval bij iedere link.

Normaal heb je iets als:
code:
1
style="font-family : verdana, arial, helvetica; font-size: 12px; font-weight: bold; color: red"
Zo wil ik ook die "hover" functionaliteit maken voor iedere link

Nogmaals, definieer je styles in zowel head en body tussen style-tags, en je bent overal vanaf. Inline styles zuigen.

donderdag 20 februari 2003 11:47

Acties:

Dutch_guy

WYSIWYG

Topicstarter

OK, maar als ik als test de styles niet in de head plaats en uitsluitend in de body, dan werken sommige style-elementen gewoonweg niet. O.a. de hoverfunctie werkt dan niet.

Daarom leek het mij beter om Inline styles te gebruiken.

Pay peanuts get monkeys !

donderdag 20 februari 2003 12:07

Acties:

Verwijderd

Dutch_guy schreef op 20 February 2003 @ 11:47:
OK, maar als ik als test de styles niet in de head plaats en uitsluitend in de body, dan werken sommige style-elementen gewoonweg niet. O.a. de hoverfunctie werkt dan niet.

Daarom leek het mij beter om Inline styles te gebruiken.

dus niet,.. al een generieke "hover" voor de a gedefinieerd?

donderdag 20 februari 2003 14:04

Acties:

Bosmonster

*zucht*

Als je html-mail wilt versturen kun je zelfs beter helemaal geen CSS gebruiken. Niet alle mailclients (voornamelijk business groupware applicaties) ondersteunen dit niet.

Wil je zeker zijn van je zaak gebruik dan alleen plain HTML. Ja font-tags zijn lelijk, maar ze werken wel in ALLE html-enabled emailclients.

donderdag 20 februari 2003 14:13

Acties:

Verwijderd

volgens mij kan je ook wel een externe stylesheet gebruiken, alleen moet je deze opinternet zetten, en de link naar het absolute adres zetten. Maar dit is niet aan te raden

donderdag 20 februari 2003 14:15

Acties:

Woudloper

« - _ - »

Bosmonster » Daar heb je helemaal gelijk in

Maar ehm, was hier overigens niet al een artikeltje (topic) over geweest. * Woudloper meent zich te herinneren dat er in het verleden reeds meerdere keren een topic is geweest over het gebruik van CSS binnen HTML e-mails...

ff zoeken, ja het klopt! Zie hieronder wat linkjes:

edit:
Hmm, het voelt toch wel goed zo'n 1000ste post te doen in W&G

[ Voor 8% gewijzigd door Woudloper op 20-02-2003 14:18 ]