Jump to content

CSS for email signature


il_capitan

Recommended Posts

I am trying to update a signature for my company and I am having some trouble. <table border="0" cellpadding="0" width="98%"><tr><td><p style="color: black; font-family: 'Arial', sansserif; font-size: 12px">NAME, TITLE</td></tr><tr><td>   </td></tr><tr><td><p style="color: black; font-family: 'Arial'; font-size: 12px">Iverson Language Associates, Inc. A Future 50 Company</td></tr><tr><td><p style="font-family: 'Arial', sanserif; font-size: 12px">Managing Document Translation</td></tr><tr><td>   </td></tr><tr><td>Celebrating 20 Successful Years in Business: 1986-2006</td></tr><tr><td>  </td></tr><tr><td>P.O. Box 511759</td>I am using Inline Styles. I would like to italicize and embolden the "Managing Document Translation" Portion. I can't seem to do it right. How would I also modify hyperlinks? Any suggestions would be great! Thanks!

Link to comment
Share on other sites

Taken from your other topic:

I am trying to update a signature for my company and I am having some trouble.<table border="0" cellpadding="0" width="98%"><tr><td><p style="color: black; font-family: 'Arial', sansserif; font-size: 12px">NAME, TITLE</td></tr><tr><td> </td></tr><tr><td><p style="color: black; font-family: 'Arial'; font-size: 12px">Iverson Language Associates, Inc. A Future 50 Company</td></tr><tr><td><p style="font-family: 'Arial', sanserif; font-size: 12px; font-weight:bold; font-style:italic;">Managing Document Translation</td></tr><tr><td> </td></tr><tr><td>Celebrating 20 Successful Years in Business: 1986-2006</td></tr><tr><td> </td></tr><tr><td>P.O. Box 511759</td>I am using Inline Styles. I would like to italicize and embolden the "Managing Document Translation" Portion. I can't seem to do it right. How would I also modify hyperlinks? Any suggestions would be great! Thanks!
I added the bold and italic you wanted, but please take some time to take a look at these links for future reference:http://www.w3schools.com/css/pr_font_font-style.asp (italize)http://www.w3schools.com/css/pr_font_weight.asp (bold)http://www.w3schools.com/css/css_pseudo_classes.asp (hyper-links)To modify in-line hyper links would be something like:<a href="#" style="color:red; text-decoration:none;">Your Text</a>But you can only do so much with an in-line style link.:)
Link to comment
Share on other sites

We're talking about e-mail signatures right? I don't think it really matters if it's for a signature, I mean no one is going to check your code to make sure it validates or anything like that... (at least from my experience) so do what you think will work better for you. Though I personally would reduce the code to make it a little more understandable. Also it seems to me that you're not really using the table (based on your code). Can you work without it?

<p style="color:black; font-family:Arial, sans-serif; font-size:12px;">NAME, TITLE</p><p style="color:black; font-family:Arial; font-size:12px;">Iverson Language Associates, Inc. A Future 50 Company</p><p style="font-family:Arial, sans-serif; font-size: 12px; font-weight:bold; font-style:italic;">Managing Document Translation</p><p>Celebrating 20 Successful Years in Business: 1986-2006<br />P.O. Box 511759</p>

Maybe?

Link to comment
Share on other sites

The main thing you need to do is make sure you set the correct mime. If you dont the html wont parse and you will just end up with ugly code like this displaying.

Link to comment
Share on other sites

Taken from your other topic:I added the bold and italic you wanted, but please take some time to take a look at these links for future refernce:http://www.w3schools.com/css/pr_font_font-style.asp (italize)http://www.w3schools.com/css/pr_font_weight.asp (bold)http://www.w3schools.com/css/css_pseudo_classes.asp (hyper-links)To modify in-line hyper links would be something like:<a href="#" style="color:red; text-decoration:none;">Your Text</a>But you can only do so much with an in-line style link.:)
Thanks for the in-line hyper link code, but how can I code it so that it is underlined once I hover over it?
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...