HTML
HTML

Need HTML mark-up, please

Hello - I'm trying to reproduce a new Outlook sign-off standard just adopted by a customer of mine. The Access application I developed for them sends e-mail from a 3rd party add-on called "Total Access Emailer", and it allows for HMTL in the message body, and all I really need is the bare-bones HTML mark-up needed to copy this, without CSS, or templates, or anything that won't fit between "<body>" tags.

I tried editing a sample e-mail, and then editing and copying & pasting into Word. In both cases I got three miles of hoo-hah, most of which I'm sure is not needed.

I just really need plant their new logo, and reproduce the text in the position, sizes and font styles as it appears below. Up to now, I've been able to do everything I've needed to do in <Hn> tags, but I evidently can't get 2 different font styles on the same line w/o a break and blank line?

Thanks very much

mlagrangeAsked: 2015-07-20

Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

Experts Exchange Solution brought to you by

Enjoy your complimentary solution view.

Get every solution instantly with Premium. Start your 7-day free trial.

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

LVL 42

ste5anSenior DeveloperCommented: 2015-07-20

Use Word. Create the signature you want. Then store it as HTML under %AppData%\Microsoft\Signatures.

Then send yourself a e-mail with the new signature (Outlook scans this folder automatically). Then you can extract the necessary HTML from the message body.

LVL 82

hieloCommented: 2015-07-20

Try:

<style type="text/css">
#signature{width:35em;border:1px solid #ededed;font-size:.75em;}
#signature #company_logo{width:5em;height:5.5em;float:left;}
#signature b{font-weight:bold;font-size:1.2em;}
#signature i{font-style:italic;color:#aaaaaa;}
</style>

<div id="signature">
	<div id="company_logo"><img src="#" alt=""/></div>
	<div>
		<div><b>Andrew B. Carter</b> | <i>Network and Descktop Administrator</i></div>
		<div>El Diesco Co</div>
		<div>D: 111.222.3333 | T: 444.555.6666 | F: 777.888.9999</div>
		<div>LDSCOM.com</div>
	</div>
</div>

FYR:
https://www.campaignmonitor.com/css/

Open in new window

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial

mlagrangeAuthor Commented: 2015-07-20

Yes, I tried that. It produced 548 lines of I-don't-know-what, only about 20 of which I recognize.
I'm an Access guy, don't know too much about HTML.
I've been pretty lucky with H tags, in inline style sheets.
I was hoping somebody could tell me the simple HTML code to do this.

Thanks for your response.

mlagrangeAuthor Commented: 2015-07-20

Hello, Hielo - THANKS! That's what I was needing. 2 clarifications, please:
1) How/Where would I specify a Calibri font?
2) Is there a trick to getting the "src" to point to a png file on the local network?

Thanks again!

mlagrangeAuthor Commented: 2015-07-20

Please disregard question about src; I got it...

LVL 82

hieloCommented: 2015-07-20

1) How/Where would I specify a Calibri font?
Since <div id="signature"> is the one that "wraps/hugs" the whole signature, define it there:
#signature{width:35em;border:1px solid #ededed;font-size:.75em; font-family:Calibri;}

2) Is there a trick to getting the "src" to point to a png file on the local network?
Make sure the url is to a "full" url -- meaning, it needs to include the "http://" (and obviously the domain) -ex:
<img src="http://www.mysite.com/path/to/your/image.gif">

mlagrangeAuthor Commented: 2015-07-20

Thank you very much!

I have one other issue, but realize I have stretched the limits for one question - would you please watch for a follow-up I am about to post as a separate question?

Thanks again!