www.webdeveloper.com
Results 1 to 3 of 3

Thread: email signature needed in html with inline styling

Hybrid View

  1. #1
    Join Date
    Mar 2013
    Posts
    7

    email signature needed in html with inline styling

    Hello. I need to make an email signature for someone using Outlook Express.

    It can't be a JPG file for his logo - it has to be a HTML file - with inline styling.

    His logo uses two different fonts - the first word in bold, the second word in light.

    How do I do this ? I need the word "electri" in bold - and the word "CLEAR" in light.

    Also - I need the sentence "safeguard your well being" pushed up closer to "electriCLEAR". I have the line-height at 1pt - but there is still a big space between them.

    Thank you.


    <HTML>

    <p style="color: #30579D; font-family: Verdana, Geneva, sans-serif; font-size: 24pt; line-height: 12pt; font-weight: bold;">electriCLEAR</p>
    <p style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 9pt; line-height: 1pt; font-style: italic;">safeguard your well being</p>
    <p style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 12pt; line-height: 6pt; ">T.&nbsp; 310-817-9462</p>
    <p style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 12pt; line-height: 1pt;">E.&nbsp; <a href="mailto:info@electriclear.net">info@xxx.net</a></p>
    <p style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 12pt; line-height: 1pt;">W. <a href="http://electriclear.net">www.yyy.net</a></span><a href="http://zzz.net">
    </a></p>

    </BODY>
    </HTML>

  2. #2
    Join Date
    Mar 2012
    Posts
    935
    Try:

    <p style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 12pt; margin: 0 8px; padding:0;">
    <span style="color: #30579D; font-size: 24pt; line-height: 12pt; font-weight: bold;">electri</span><span style="color: #30579D; font-size: 24pt; line-height: 12pt;">CLEAR</span><br>
    <span style="font-size: 9pt; font-style: italic;">safeguard your well being</span><br>
    T.&nbsp; 310-817-9462<br>
    E.&nbsp; <a href="mailto:info@xxx.net">info@yyy.net</a><br>
    W.&nbsp;<a href="http://zzz.net">www.zzz.net</a></p>

    Note: The above sticks with the font sizes you stipulated. I prefer to substitute "font-size: 10pt;" in the paragraph style instead of 12pt i.e.:

    <p style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 10pt; margin: 0 8px; padding:0;">

    The rest remains as above.
    Last edited by jedaisoul; 07-25-2013 at 01:33 PM.

  3. #3
    Join Date
    Mar 2013
    Posts
    7
    perfect !! thank you

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles