Html email white box no image
Dear all,
I have a sight problem with my html email, I have checked all the links etc and checked the html code but I cannot seem to have a live view of the html. I know this work absolutly fine on my other pc but at work it does not appear after resetting the links at work to the ftp site and local directory. I have even loaded the images directly to the ftp site and these cannot be seen on the copied url from filezilla, if someone could point me in the direction of tutorial or help in sorting this it would be greatly appreicative.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Deal of the week</title>
<style type="text/css">
@media only screen and (max-width: 600px) {
table.container { width: 443px !important; }
td.advert img { display: none; }
td.advert { background: #FFF url(images/advert-medium.jpg) no-repeat 10px 10px; height: 614px; }
@media only screen and (max-width: 510px) {
table.container { width: 100% !important; }
table.container td { border: none !important; }
td.advert { background: #FFF url(images/advert-small.jpg) no-repeat center 10px; height: 416; }
</style>
</head>
<body>
<div style="font-size: 1px; colour: #fff; display: none;">
Place your preview message text here. This will show in most email clients as the preview text in the inbox.
</div>
<table width="98%" border="0" cellspacing="0">
<tr>
<td>
<table class="container" width="600" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" class="advert" style="padding: 0px 0px 0px 0px: border-left: 1px solid #FFF; border-right: 1px solid #fff; border-top: 1px solid #fff:">
<a href="images/advert-large.jpg"> <img src="images/advert-large.jpg" alt="Deal of the week" width="600" height="849" border="0" usemap="images/advert-large.jpg"></a>
</table>
</td>
</tr>
</table>
</body></html>
Hi John,
Thanks for the help, here is where I am at the moment.
ftp://www.coopercallas.co.uk/home/cooper2-ftp/images/joyou/Joyou%2017th.html
link cannot be found even though this is copied for ftp client
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Deal of the week</title>
<style type="text/css">
@media only screen and (max-width: 600px) {
table.container { width: 443px !important; }
td.advert img { display: none; }
td.advert { background: #FFF url(http://www.coopercallas.co.uk/images/joyou/advert-medium.jpg) no-repeat 10px 10px; height: 614px; }
@media only screen and (max-width: 510px) {
table.container { width: 100% !important; }
table.container td { border: none !important; }
td.advert {
background: #FFF url(http://www.coopercallas.co.uk/images/joyou/advert-small.jpg) no-repeat center 10px;
height: 849;
</style>
</head>
<body>
<div style="font-size: 1px; colour: #fff; display: none;">
Deal of the Week: Coopers have an exculsive deal just for you, we have 58% off Joyou Hot Water Tap.
</div>
<table width="98%" border="0" cellspacing="0">
<tr>
<td> </td>
<table class="container" width="600" height="849" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" class="advert" style="padding: 0px 0px 0px 0px: border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-top: 1px solid #FFF:">
<a href="http://www.coopercallas.co.uk/images/joyou/advert-large.jpg" target="_blank"><img src="http://www.coopercallas.co.uk/images/joyou/advert-large.jpg" width="602" height="849"></a>
</table>
</td> </td>
</tr>
</body></html>
even copying the jpeg url from the ftp client I cannot view it.
Cheers,
Wiinenot
Similar Messages
-
How do I get rid of faint white boxes around images?
Some files that I have printed have faint white boxes around images. The images were saved in photoshop with transparent backgrounds that seem to be showing up faintly in the final printed image. Does anyone know how I can get rid of this problem?
signspec,
What happens if you print from Illy?
Your printer (driver) may be overly helpful and performs a bit of colour management all by itself. You may have a look and disable any such management in the printer (driver) options. -
Hi, I know this is a basic question but it's causing me a lot
of grief.
When I place images on coloured backgrounds, they have white
boxes
around them. Is the only way to get around this to manipulate
the
image itself in photoshop? I've tried this but it still
doesn't look
right - there are jagged edges. Or I've tried giving the
image the
same colour background in photoshop so it blends, but there
is a white
edge. How do others handle this? Some expert advice would
really be
great to have.If you are seeing white borders against colored backgrounds,
then this means
that the white is part of the image. There would be no way to
remove that
short of editing the image in your image editing program.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"webber" <[email protected]> wrote in
message
news:[email protected]..
>
> Hi, I know this is a basic question but it's causing me
a lot of grief.
> When I place images on coloured backgrounds, they have
white boxes
> around them. Is the only way to get around this to
manipulate the
> image itself in photoshop? I've tried this but it still
doesn't look
> right - there are jagged edges. Or I've tried giving the
image the
> same colour background in photoshop so it blends, but
there is a white
> edge. How do others handle this? Some expert advice
would really be
> great to have.
>
> -
Getting white boxes around images.. help!
I dont know whats going on. I havent used Dreamweaver in a
while and am having an odd issue.
Located here: www.gwoodsconst.com
I am getting white boxes around the images. Not sure what the
issues. Any thoughts? Thanks.Your image contains the white box, not your HTML. If you
created it in a graphics program like Illustrator or Corel, the
anti-aliasing setting at export put a thin blur around the edges to
visually smooth the image
Crop the image by one or two pixels then reset your sizes so
it’s not distorted.
That will fix it. -
Get rid of white box around image after image tracing to create vectors
Hi there, please help!!!
I am trying to convert png and psd images (icons) into vectors but i would like to safe them as .eps file and keep them on a transperent background. How do i do that? After the image tracing a white box appears around my images and i dont know how to get rid of it.
I would be so greatful if someone could help me out here as i tried suggestion from the internet and nothing worked so far.
Thank you so much,
FranziFranziska,
Tick Ignore White in the Image Trace options. -
White box around image in my transparent .swf file
I created a .swf file for a header of a website using a logo that tweens in. I tested the .swf with the transparent properties and it works but the logo I imported from photoshop has a white box around it, how can I remove this? Do I need to import a transparent .png file instead of a .jpg?
Thanks!.png's are lossless vector graphics, so it's probably best bet if your going to do other things with the logo. .jpg's are not fond of resizing. You can also break the image apart and use the lasso tool and magic wand the background away.
-
White boxes around images placed in IDCS2
I am making a catalog....and trying to eliminate white boxes that show up after exporting to PDF format. I have tried so many different things and still cannot eliminate the boxes. Help....frustrated. THX
http://indesignsecrets.com/eliminating-the-white-box-effect.php
Bob -
I'm using FCE 4.
I've setup a moving map sequence (such as world map, point A to point B, with moving line) the sequence has taken me four pics to get it done using my crop tool. Sometimes when I playback, the world map has a transparency of black around it, which is what I want and what it shown in Gimp. Other times in playback the world is surrounded by a white square.
Why does the playback keep changing?
How can I keep it on the black setting?well, i finally resolved this on my own. I made all the images PNG files. I think it was jpeg that was messing me up.
-
Is there any way to set email to automatically download images?
Hi,
Is there any way to set the email on my 8330 to automatically download images? Currently using o/s v4.5.0.173. Email settings are set to enable HTML Email & set to download images automatically but I still have to tell it to download the images and go through the prompts advising that downloading internet images can expose your internet address, blah blah blah.Hello,
See this KB...I believe the final "Note" might contain the relevant information you need (no...not to "fix" it...but to help you understand that it may be WAD -- Working As Designed).
Best.
Occam's Razor nearly always applies when troubleshooting technology issues!
If anyone has been helpful to you, please show your appreciation by clicking the button inside of their post. Please click here and read, along with the threads to which it links, for helpful information to guide you as you proceed. I always recommend that you treat your BlackBerry like any other computing device, including using a regular backup schedule...click here for an article with instructions.
Join our BBM Channels
BSCF General Channel
PIN: C0001B7B4 Display/Scan Bar Code
Knowledge Base Updates
PIN: C0005A9AA Display/Scan Bar Code -
White box appears where slideshow images should be!
The swf flash slideshow I have inserted on my webpage is
working in dreamweaver, but when uploaded appears as a white box
without any images. The files are saved on my root folder. Here is
a link to the page:
http://bryandowling.com/art.html.
Here's the code:
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="600" height="600">
<param name="movie" value="/_mmServerScripts/gallery.swf"
/>
<param name="quality" value="high" />
<embed src="/_mmServerScripts/gallery.swf" quality="high"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="600"
height="600"></embed>
</object>Did you remember to load this auto generated file?
/_mmServerScripts/gallery.swf
"bryandowling" <[email protected]> wrote in
message
news:ff0nil$594$[email protected]..
> The swf flash slideshow I have inserted on my webpage is
working in
> dreamweaver, but when uploaded appears as a white box
without any images.
> The
> files are saved on my root folder. Here is a link to the
page:
>
http://bryandowling.com/art.html.
Here's the code:
> <object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=7,0,19,0" width="600" height="600">
> <param name="movie"
value="/_mmServerScripts/gallery.swf" />
> <param name="quality" value="high" />
> <embed src="/_mmServerScripts/gallery.swf"
quality="high"
> pluginspage="
http://www.macromedia.com/go/getflashplayer"
> type="application/x-shockwave-flash" width="600"
height="600"></embed>
> </object>
> -
Image not displaying in HTML email upload
Hi there,
I've uploaded a HTML email into E10 and linked all images as per the standard process however one is just not displaying. It appears when I look at it in Eloqua, and when I do a preview but when I send a test email it won't and just leaves a blank black box. I'm not sure how I need to remedy this, anyone else come across anything similar?
Thanks
MarikaHi Marika,
From experience, in the majority of cases this happens when the Outlook HTML rendering engine isn't playing nice with your design. If you are using this client, have you checked the email on other clients or webmail (Gmail, Yahoo!, etc) to confirm? Support can usually help for emails created through the WYSIWIG editor, but custom HTML uploads would need to be reviewed by the person who authored the code. If you can pinpoint it to a particular email client, there are usually quite a few resources online that can provide guidance. Check outHTML Email Design Resources
The first thing I typically check out is whether the image is vertically and horizontally aligned with the elements near it, because Outlook has a tendency to put things into its own tables and slight misalignments can dramatically change the final code. If you're having recurring issues like this, investing in analysis tools like Litmus can be worth it.
Regards,
Bojan -
You guys are wonderful - when I've worked and worked on a problem and get to the "pulling out my hair" stage, I remember how helpful the forum has been to me . . .
I have put Outlook 2007 on my computer now so I can easily test the quirks of email rendering in that email client.
I'm attempting to test using slices for the nav bar (hopefully a work around for "wonderful" Outlook 2007) but can't get past an image that won't load. I recently combined three images and some text into one image because Outlook was floating the images and spacing them wrong. The image that I'm referring to which now won't load is http://www.theshimogaproject.com/email/images/shimoga_pics_text.jpg
The original design displays correctly in browsers: http://www.theshimogaproject.com/email/riverrun-guests-email.html
Here's the code for the html email as it stands now:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Pinebrook Vacation Rentals - The Shimoga Project</title>
</head>
<body style="background-color: #FFFFCC; border-color: #333300; text-decoration: none; font-size: 30px; font-family: Verdana, Geneva, sans-serif; color: #663300; margin-top: 0;">
<table width="98%" border="0" cellpadding="0" cellspacing="0" id="Container">
<tr>
<td><table width="580" align="center" cellpadding="0" cellspacing="0" id="View In Browser">
<tr>
<td align="center" style="text-decoration: none; color: #663300; font-size: 11px;"><p>Having difficulty reading this email? <a href="http://www.theshimogaproject.com/email/riverrun-guests-email.html" target="_blank" style="text-decoration: none; color: #663300; font-size: 11px; font-weight: bold;">View it in your browser</a></p></td>
</tr>
</table>
</tr>
<tr>
<td><table width="580" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td rowspan="3" style="text-align: left; font-size: 10px; "><img src="http://www.theshimogaproject.com/email/images/pinebrook-nav_01.jpg" alt="Pinebrook Vacation Rentals" width="229" height="139" align="top" /></td>
<td colspan="4" ><img src="http://www.theshimgoproject.com/email/images/navArea_top_02.gif" width="351" height="95" align="top" /></td>
</tr>
<tr>
<td><a href="http://www.pinebrookvacationrentals.com/index.html" target="_blank" style="text-decoration: none; color: #FFFFCC; font-size: 10px; "><img src="http://www.theshimogaproject.com/email/images/home.gif" width="57" height="14" alt="Home" /></a></td>
<td><a href="http://www.pinebrookvacationrentals.com/rentals.html" target="_blank" style="text-decoration: none; color: #FFFFCC; font-size: 10px;"><img src="http://www.theshimogaproject.com/email/images/vacation_rentals.gif" width="120" height="14" alt="Vacation Rentals" /></a></td>
<td><a href="http://www.pinebrookvacationrentals.com/aboutus.html" target="_blank"style="text-decoration: none; color: #FFFFCC; font-size: 10px;"><img src="http://www.theshimogaproject.com/email/images/about_us.gif" width="78" height="14" alt="About Us" /></a></td>
<td><a href="http://www.pinebrookvacationrentals.com/contacttemp.html" target="_blank"style="text-decoration: none; color: #FFFFCC; font-size: 10px;"><img src="http://www.theshimogaproject.com/email/images/contact_us.gif" width="78" height="14" alt="Contact Us" /></a></td>
</tr>
<tr>
<td colspan="4" align="top"><img src="http://www.theshimogaproject.com/email/images/navArea_bottom_09.gif" width="351" height="30" /></td>
</tr>
</table>
<tr>
<td><table width="580" id="River Run" align="center" >
<tr>
<td width="580" style="text-align: left; font-size: 10px; "><img src="http://www.theshimogaproject.com/email/images/rr_pic_text.jpg" alt="Thank You for choosing River Run at Wild Basin" width="580" height="146" /></td>
</tr>
<tr valign="top">
<td bgcolor="#663300" style="padding-left: 15px; padding-right: 15px; padding-bottom: 10px; padding-top: 10px; color: #FFC; font-size: 12px; text-align: center;"><strong>Did you know that your Colorado Vacation is helping a child in need?</strong><br />
<br />
A portion of every rental fee at River Run has been donated toward building a school for a group of impoverished children in a small, rural village in India. With your help, we have raised over $40,000 of the $103,000 needed to build this school.</td>
</tr>
</table>
</tr>
<tr>
<td><table width="580" align="center" id="Shimoga" style="margin-top: 1px; text-align: left; font-size: 10px; ">
<tr>
<td><img src="http://www.theshimogaproject.com/email/images/shimoga_pics_text.jpg" alt="The Village Of Shimoga" align="top" /></td>
</tr>
</table>
</tr>
<tr>
<td><table width="580" align="center" cellpadding="0" cellspacing="0" bgcolor="#663300" style="margin-top: 1px;" id="Shimoga Project Link">
<tr>
<td align="center" style="padding-bottom: 5px; padding-top: 5px; text-decoration: none; color: #FFC; font-size: 13px;"><p>To learn more about this project: <a href="http://www.theshimogaproject.com" target="_blank" style="text-decoration: none; color: #FFC; font-size: 13px; font-weight: bold;">---> Click Here</a></p></td>
</tr>
</table>
</tr>
<tr>
<td><table width="580" border="0" align="center" cellpadding="0" cellspacing="0" id="Footer">
<tr>
<td align="center" style="padding: 8px; color: #663300; font-size: 11px; text-decoration: none;">
<p style="display:inline; padding-right: 15px;">The Shimoga Project</p>
<p style="display:inline;"> PO Box 193 </p>
<p style="display:inline; padding-right: 15px;"> Allenspark CO 80510 </p>
<p style="display:inline;">Phone: (303) 747-2594</p>
<br />
<p style="display:inline; padding-right: 20px;">Email:<a href="mailto:[email protected]?Subject=River Run Guest" target="_blank" style="text-decoration: none; color: #663300; font-size: 11px; font-weight: bold;"> [email protected]</a></p>
<p style="display:inline;"> Web Site: <a href="http://www.theshimogaproject.com" target="_blank" style="text-decoration: none; color: #663300; font-size: 11px; font-weight: bold;"> www.theshimogaproject.com</a></p> </td>
</tr>
</table>
</tr>
</table>
</body>
</html>Thank you for the validator links. I used them and cleaned up the
code. However it is still hanging up at the shimoga_pics_text.jpg
image. Any other ideas. The size of the image is 43KB. Would that
have anything to do with it?
Here's the code as it is now:
Having difficulty reading this email? View it in your browser
Did you know that your Colorado Vacation is helping a child in need?
A portion of every rental fee at River Run has been donated toward building a school for a group of impoverished children in a small, rural village in India. With your help, we have raised over $40,000 of the $103,000 needed to build this school.
To learn more about this project: ---> Click Here
The Shimoga Project
PO Box 193
Allenspark CO 80510
Phone: (303) 747-2594
Email: [email protected]
Web Site: www.theshimogaproject.com
Thanks for your help,
Sandy -
Hi all,
Please can you help? No matter what settings I use in my print options in InDesign CC 2014 (v.10), ALL transparent images with a drop shadow are printing with a white box behind the image. If I remove the drop shadow, all prints fine. I know this is an old issue that happens with ID sometimes but I have been lucky enough to never have had it happen to me before! (All images are regular flattened TIFF images with clipping paths).
Also, feathered edges are not printing correctly and are sharp instead of feathered.
When I export the document to IDML and open it up in InDesign CC (v.9) all prints perfectly with no white boxes and feathered edges prints perfectly as well. I have compared all of the print settings (including color management, transparency flattener, etc.) between both versions and they are exactly the same. I am printing to a Xerox color laser printer. Can anyone offer any advice?
Thank you so much,
ChristineOkay...false alarm! It turns out that the issue was with my PRINTER settings (the settings you customize after hitting the “Printer” button at the bottom of the Print dialogue box in ID CC. I thought I had triple checked this but it seems there was one setting I missed earlier…adjusting the print brightness seemed to cause the issue. SO GLAD to know it was not InDesign…20 or so sheets/prints later….and thankful to know what was causing the issue! Thank you so much Steve for helping at any rate:) Much appreciated:)
-
HTML email - download image prompt
Greetings,
Do you know how to code an html file so that
when you send it in the body of an email,
the user has to click on a missing image in order to
get the real image to download and replace it.
I imagine that it is related to the NOSEND feature,
but when I used NOSEND=1, the page sent completely intact
rather than all except for the images.
ToeCutter.Hi Alan,
That's actually how my test worked. I think it works well,
but my boss wants the email to look half disabled I guess.
An email that he received was an html email, but the images
didn't port with the email, so the place that should have an
image
has a 'system-like' prompt over the image area that basically
says
click to download image.
I thought that this occured because of the nosend="1"
attribute
I found attached to the images in it. So now I'm trying to
recreate
this situation. I'm about to try a test by sending out an
HTML
via stationary rather than copy paste.
Toe Cutter
"Alan" <[email protected]> wrote in
message
news:C257BB82.2CAE76%[email protected]..
> what are you sending the mail out in?
>
> normally, you would use absolute full urls to the
images, like
> <img src="
http://www.example.com/image/4632.jpg">
>
> then the email client the user is viewing the email on
would fetch and
> display the images without any prompting.
>
> --
> Alan
> Adobe Community Expert, dreamweaver
>
>
http://www.adobe.com/communities/experts/
>
>
>
> -
UTL_SMTP send HTML email with embedded image?
Hi, I can use UTL_SMTP to send an HTML email ok, but does anyone have an example of how to include an inline embedded image in the email? Thanks!
If you want to send the html page and have it
reference the images and css files on your web
site, that's pretty easy. Just create a message
with text/html content that is your html page.
If you want to include all the images and css files
in your message along with the html page, you'll
need to create a multipart/related message and
you'll need to change all the html to reference the
images and css files using "cid:" references.
Maybe you are looking for
-
Someone please help!! I had an old crap laptop that wasn't apple and I used that for the past 2 years to sync my iPod but I have got rid of that and now I have an iMac. I have forgotton the 4 number digit passcode to my ipod and I have tried about 25
-
Hi Experts, In subcontracting there are 2 scneraios.. 1) HALB1 has special procurement key 30- Subcontracting. Components of this HALB are supplied by main plant.SAP Help says one should maintain special procurement key - Stock Transfer from Plant to
-
Proxy Desktop: Explorer.EXE - Application Error
It appears that the installation of Media Manager 9 caused the following error message within Windows XP, after viewing My Network Places: > Proxy Desktop: Explorer.EXE - Application Error > The instruction at "0x01d3b865" referenced memory at "0
-
The online flash player doesn't let me fast forward
- I'm using windows 8, 64-bit - I'm using Google Chrome as a default browser - Tried all other browsers including IE, Firefox, Opera and safari, and all of them had the same problem THE PROBLEM IS: The online flash player doesn't let me fast forward
-
IMessage - Where To Change Apple ID?
I'm trying to help a friend with his iPad. He's got a problem switching iMessage on. On the Settings > Messages screen, iMessage is currently set to OFF. If he tries to turn it on, a window pops up saying: iMessage Password [email protected] Cancel |