div element visibility in outlook mails - outlook

I'm trying to send an html email through vb code . For this i've a template and the body is replaced using code. In the content of the email there are 3 images but one particular image is not to be displayed in one of the emails. So the image is put in the div tag and using style as <div name="divA" style="display: none;"> display is switched off. Code runs and mails is sent successfully. When a mail having this line of code in body is seen in outlook the image is as expected invisible. Problem arises when I forward this mail (using forward feature of outlook) to my friend the invisible image shows up out of nowhere ! Question: How to make the image invisible so that it stays invisible upon forwarding as well ?

Try this code, it's a little more bulletproof in addressing various things that email clients do / don't support:
<div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;">
Your <img> tag
</div>
This is the code I've been using to hide preview text for the last few years, which I haven't seen appear when emails are forwarded. Never tried it with an image.

Related

Generate a link to plain text version of email in html version of email

I want link "Click here" in html version of email.
After clicking link, it will redirect to plain text version of email.
How can we do that ?
I am using ruby.
Thanks in advance.
I think this is impossible without using javascript. But js is disabled in email's html. Instead, you can try emulate the behavior you want by including multiple copies of the text further down in your email. For example:
Click here!
<p>HTML content</p>
<h2 id="section1">Simple text</h2>

Images not popping up in Outlook when sending newsletter

I send out newsletters for the company I work for. Since graphic artists have to create images, I usually end up testing my newsletters with temporary images that are from older newsletters. But whenever I overwrite the image in my ftp folder with the new one, it will not appear in Dreamweaver. Worst of all, outlook users do not see the image. They will either see the old image or see the red X.
As for me, I use thunderbird and I see the correct the image. The image also correctly appears on the website.
I have tried clearing the cache of dreamweaver, by deleting this file to no avail.:
Delete C:\Documents and Settings{username}\Application
Data\Adobe\Dreamweaver
CS6\en_US\Configuration\WinFileCache-xxxxxxxx.dat
This is an example of the code I use
<img border="0" src="http://www.******.com/***/***/2013/gpd_banner_fr.jpg" style="display:block;" alt="BANNIÈRE" />
Any tips?
If you put the URL http://www.******.com/***/***/2013/gpd_banner_fr.jpg into the browser, does it exist?
If so, now in Outlook, scroll to the bottom of your email and right click > view source. What URL is showing in your email code?
Assuming it is different, it has something to do with how you are sending it. Are you using an email service provider? How are you uploading the images?

Can't send image to Pinterest popup form

This is a bit complicated but I've got an image which uses the Pinterest parameter in its anchor entity, with the Pinterest button appearing elsewhere in the page:
<a id="im_popup" class="cloud-zoom" pi:pinit:media="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fmatchmybag.com%2Fshop%2Fbags%2Fbespoke-clutch%26media=http%3A%2F%2Fmatchmybag.com%2Fimage%2Fcache%2Fdata%2Fbags%2Fdesign-a-bag%2FThe-Clutch%2FCD1_fr_xlsq-467x467.jpg" title="" onclick="" rel="position: 'inside'" href="image/paps/linked/243241_colour_silvercrest.jpg" style="position: relative; display: block;">
The image in the 'media' parameter is not the same as the one in the img entity - just using it for testing for now but will change it to a dynamically set URL later.
When I click on the Pinterest button, the pop-up form appears and contains the correct description text, but the preview image is blank and when I click 'Pin It' in the popup form I get the 'This is not a valid image.' message.
The URL appearing in the Pinterest popup form is as follows:
http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fmatchmybag.com%2Fbespoke-clutch&media=http%3A%2F%2Fpinterest.com%2Fpin%2Fcreate%2Fbutton%2F%3Furl%3Dhttp%3A%2F%2Fmatchmybag.com%2Fshop%2Fbags%2Fbespoke-clutch%26media%3Dhttp%3A%2F%2Fmatchmybag.com%2Fimage%2Fcache%2Fdata%2Fbags%2Fdesign-a-bag%2FThe-Clutch%2FCD1_fr_xlsq-467x467.jpg&description=Bespoke%20Clutch&layout=
Can anyone see what the problem is here? I've spent more hours than I'd care to admit to on this and would be so grateful for some pointers. Let me know if you need any more info.
Thanks a lot.
Apparently Pinterest is very strict about showing only images that actually appear on the web site. So maybe that is the issue, right now I cannot see that image on the web site provided in the url parameter (but then the question is quite old already...)

Include an image into a "mailto" mail?

The title might not be clear - I'm creating an app in Unity and I want it to start the device's default mail client to create a new mail. I can easily do that with mailto. What I don't know how to do is include an image in the mail being composed. In any way: as an attachment, as a part of the mail body or whatever. But it's a local image, so I can't just put a link to it in the mail.
Is it even possible? If so, how?
I doubt if you can do it as the mailto page doesn't mention this as one of the parameters.
At best you can add body and subject.No attachments I suppose
See http://www.faqs.org/rfcs/rfc2368.html
However a hack you can try is in the body that you include
add <img src="your image src"> and hopefully the mail client will recognise this as html markup and render the image when the client opens up.
I haven't tried this though.

Browser inside of a browser

I am not trying to track clicks or anything like other people - I just want to put a browser within a browser that can go back, forward, refresh, accept user-entered URLs, and store bookmarks. Can flash/silverlight/ajax/whatever do this? If so, how?
How about:
Solution 1:
Create or use an existing ActiveX Web Browser control.
And let your web/page host that ActiveX, or host multiple controls.
Solution 2:
Put an iframe inside a UserControl, a textbox and a go button.
Get the user provided url from textbox.
Change the src of the iframe when user clicks the go button.
_
<iframe id="iFrame" name="myFrame" src="http://bing.com"
width="100%" height="300" frameborder="0">
<p>Does your browser support iframes?</p>
</iframe>
--EDIT--
This is in response to your comment; you posed 3 questions:
For 1, thats correct, ActiveX works for IE, more specifically for Windows; there are ways you can install ActiveX for different browsers, but it(the ActiveX) would require windows OS. See this.
For 2, try handling that using JavaScript; something like following within iframe block.
<p>Back</p>
Checkout these examples.
For the third one, if I understand you correctly then you can always parse the url when user clicks onto the Go button; and respond accordingly before rendering the page.
flash can do basic html (AFAIK) not sure about silverlight.
you will struggle to do it with javascript/iframes. Especially back/forward/refresh buttons. If you are on the same domain you have some control over the iframe, but once it leaves your domain, you lose control
Would using an iframe or an object with type="text/html" be useful to you in terms of being able to embed a page within a page? Either method effectively permits loading a separate page within a page with little side-effect.

Resources