You don't need to be an 'investor' to invest in Singletrack: 6 days left: 95% of target - Find out more
Producing an HTML email in Dreamweaver (no CSS) and I'm trying to get links to appear in different colours in different parts of the document.
When you specify the link colours in the Page Properties panel, they all go the same colour throughout the page but I have some reversed out of a solid colour and some against white, so I need them to appear differently.
Is there any way to achieve this without CSS? Pulling my hair out!!
Thanks...
Any reason why no CSS?! (you can embed the CSS into the html document if your not happy having a separate file... Just don't think there's any other option...
(although sure someone else will be along soon to say otherwise)
It said in the spec, create in HTML, avoid CSS...
How does one embed CSS? This is all greek to me, I'm a print rather than web designer - just trying to bail a client out...
hmm try this: <span style="color:#000000;">Text</span> in the HTML code. An Ugly Bodge mind!
Thanks steve, where about would it go?
EG...
< <td height="65" colspan="4"><div align="center"><span class="style12">Email: info@client.com   |  Web: www.client.com
</span> >
that won't work
Any other ideas Simon?
have you tried hitting it with a hammer yet?
put this... [code]"color:#FF66CC"[/code]
in this part of each link < a href="#">
like this < a href="#" style="color:#FF66CC" >
then change the FF66CC for each different colour you need.
Thanks Phil, I think I've managed to copy the code out of the source so I'll give it a whirl...
Cheers
How does one embed CSS?
under the 'css styles' tab click on 'new CSS rule' select your type then under 'define in' select 'this document only' the CSS will be in the head of your email.
Any other ideas Simon?
according to the standards, the only way to control the colour of a link is via CSS
eg:
<style>
a:hover {color:blue }
a:visited {color:yellow}
a:link {color:green}
a:active {color: red}
</style>
you can then specify only certain links by using classes or some other attribute. If you absolutely can't use explicit CSS then you can build CSS rules from Javascript
Best way to do it is via CSS..
along the lines of
(a href="#" class="red")Link(/a) (a href="#" class="black")Link(/a) (a href="#" class="blue")Link(/a)
But obviously using < and > instead of ( and )
and then create entries for those classes in your stylesheet.
according to the standards, the only way to control the colour of a link is via CSS
except were talking emails not websites. oh, and the question was how to do it without CSS.
except were talking emails not websites. oh, and the question was how to do it without CSS.
but the standards apply to [b]HTML[/b], not specifically websites đŸ™‚
And the answer is I don't think you can.
You can, see my post above. And trying to bring up the standards thing is
crap. Most e-marketing still use's tables etc due to how they are being viewed.
Just specify the font colour within the tag.
<font color="#......">Singletrackworld
For html emails all coding should be in-line or embed the CSS. If using something like Campaign Monitor then you can create your CSS separate in Dreamweaver like you would if creating a normal website and then Campaign Monitor will do the rest for you upon importing the files.
You can, see my post above.
I stand corrected, I didn't think that would work đŸ™‚
And trying to bring up the standards thing is crap.
well, no, the standards say how it's supposed to work, so I don't think they can be called crap, even though their support is patchy
Create the e-mail using an embedded style sheet, then run the whole lot through this html e-mail inline styler: http://inlinestyler.torchboxapps.com/ which will put all the styles inline and also tell you which mail apps will support your styles. Mail apps in no way support standards consistently, if at all. Coding html e-mails is horrible - you really need to code like it's 1999.
sorry badly explained simon.
my point is that with e-marketing type emails there are things that you have to occasionally do that would fail a W3C validation test. W3C rules are primarily aimed at websites and mobile web, not at emails.
therefore crap to bring it up as it’s not really relevant in this case.
W3C rules are primarily aimed at websites and mobile web, not at emails.
therefore crap to bring it up as it’s not really relevant in this case.
I think what you actually mean is email HTML support is crap :o)
Thanks for all the guidance, I'm going to have a go at it tonight.
Austin is right though, html emails need to be a bit archaic!
Thanks again...
Result! Thanks Phil, your solution works a treat. đŸ™‚