Hi
I've been using CC HTML Editor for years to create HTML emails, and only yesterday started to encounter what seem to be random problems with positioning of graphics, and spacer gifs in particular. Here's an example of coding that has the problem:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta content="CoffeeCup HTML Editor (www.coffeecup.com)" http-equiv="generator"/>
<meta name="created" content="Thu, 17 Jun 2010 09:43:03 GMT"/>
<meta content="text/html; charset=unicode" http-equiv="Content-Type"/>
<meta name="description"/>
<meta name="keywords"/>
</head>
<body>
<div>
<table border="1" cellspacing="0" cellpadding="0" width="100%" height="1000">
<tbody>
<tr><!-- Row 1 --><td bgcolor="#808040" valign="top" align="center">
<table border="1" cellspacing="0" cellpadding="0" width="10" height="10">
<tbody>
<tr><!-- Row 1 --><td valign="top" align="center">
<img style="Z-INDEX: 0" border="0" src="file://E:\Contact files\Client folders\Mar Hall\Emails\June 10\pics\spacer.gif" width="10" height="10"/>
</td><!-- Col 1 --></tr>
</tbody>
</table>
</td><!-- Col 1 --></tr>
</tbody>
</table>
</div>
</body>
</html>
In the above example, the little 10x10 table enclosing the same size gif looks fine in the visual editor, but on preview the gif seems to move down the box and increases the height of the table (despite the vertical alignment being set as 'top'). FYI, no switching occurred between Code Editor and Visual Editor.
Anyone have any ideas or suggestions?
Thanks in advance
George
Sudden problem with positioning of...
George Drever
Registered User
10 posts
Janys Hyde
Ambassador
6,076 posts
Have you recently updated your editor? Could be that you are now using some deprecated code. What browser were you checking in?
http://www.webmasterworld.com/html/4025904.htm
http://www.webmasterworld.com/html/4025904.htm
George Drever
Registered User
10 posts
Thanks for responding Janys.
I hadn't upgraded when this problem started yesterday, but thought perhaps my current installation of CC had become corrupted and so installed the current upgrade this morning. The problem occurred both before and after the upgrade.
Further experimentation seems to show that inserting any graphic in a table results in a little extra height being added visually to the table (despite all table, cell and graphic sizes remaining the same in the code).
I was checking in IE8, but the problem was visible even in the preview section within CC.
George
I hadn't upgraded when this problem started yesterday, but thought perhaps my current installation of CC had become corrupted and so installed the current upgrade this morning. The problem occurred both before and after the upgrade.
Further experimentation seems to show that inserting any graphic in a table results in a little extra height being added visually to the table (despite all table, cell and graphic sizes remaining the same in the code).
I was checking in IE8, but the problem was visible even in the preview section within CC.
George
Fe Pixie
Registered User
2,900 posts
try adding
display:block
in the style part of the image tag and see if that fixes it
might be IE sticking in the line spacing and displaying the image as a line of text...
have you updated your IE maybe and thats what changed?
also try testing in different browsers they may all look different using table border=
display:block
in the style part of the image tag and see if that fixes it
might be IE sticking in the line spacing and displaying the image as a line of text...
have you updated your IE maybe and thats what changed?
also try testing in different browsers they may all look different using table border=
Have fun
~ Fe Pixie ~
~ Fe Pixie ~
George Drever
Registered User
10 posts
Hi Fe
Appreciate your input, thanks.
What would be the correct position for display:block within the code? Would it be something like:
<img style="Z-INDEX: 0" display:block border="0" src="file://E:\Contact files\Client folders\Mar Hall\Emails\June 10\pics\spacer.gif" width="420" height="5"/> </td>
I've not consciously updated IE, but it may have happened by automatic update. Would that have an effect even if previewing within CC?
George
Appreciate your input, thanks.
What would be the correct position for display:block within the code? Would it be something like:
<img style="Z-INDEX: 0" display:block border="0" src="file://E:\Contact files\Client folders\Mar Hall\Emails\June 10\pics\spacer.gif" width="420" height="5"/> </td>
I've not consciously updated IE, but it may have happened by automatic update. Would that have an effect even if previewing within CC?
George
Fe Pixie
Registered User
2,900 posts
like this
<img style="Z-INDEX: 0; display:block" border="0" src="file://E:\Contact files\Client folders\Mar Hall\Emails\June 10\pics\spacer.gif" width="420" height="5"/>
yeah it might if you've only just upgraded from IE 7 to 8 or something - i think it uses the IE engine to do previews
<img style="Z-INDEX: 0; display:block" border="0" src="file://E:\Contact files\Client folders\Mar Hall\Emails\June 10\pics\spacer.gif" width="420" height="5"/>
yeah it might if you've only just upgraded from IE 7 to 8 or something - i think it uses the IE engine to do previews
Have fun
~ Fe Pixie ~
~ Fe Pixie ~
George Drever
Registered User
10 posts
Thanks Fe, I'll try that.
Strange (or maybe not?) twist since last post. As I mentioned, I use CC for HTML emails. When testing an email this evening that was suffering from this problem, it kept occurring in every email client (including Hotmail, Yahoo webmail, Outlook 2003) EXCEPT Outlook 2007, where the formatiing was perfect. It's been months since I upgraded to IE8, so I wonder if has there been a recent change to IE8 that could be causing this?
Strange (or maybe not?) twist since last post. As I mentioned, I use CC for HTML emails. When testing an email this evening that was suffering from this problem, it kept occurring in every email client (including Hotmail, Yahoo webmail, Outlook 2003) EXCEPT Outlook 2007, where the formatiing was perfect. It's been months since I upgraded to IE8, so I wonder if has there been a recent change to IE8 that could be causing this?
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
