|
HTML - Html Email Issues
Hi all,
Not sure if im posting in the right place but i am having some problems, well, a lot of issues, with an email im sending in outlook. As you can see outlook has put hue gaps in before each section, although the gap in the right column is supposed to be there. Any one have any advice on how to fix this? Its works well in every other email inbox... really stumped! Thanks for any help in advance. Matt Similar TutorialsHi, so I'm trying to make this e-mail newsletter. It's entirely images, tables and text. So no javascript, just plain stuff. I tried attaching it as a signiture file and I had trouble sending it. It also didn't come out right. I'm trying to avoid using a software. Its basically just a block of HTML I need to show up as the only content in an email. If you just put HTML into a email text field, it just shows the HTML code in the email as text. Any ideas? === I'm on a Mac and I'm noticing that the site I'm developing is having major <TABLE> issues on IE for the PC -- like seen in this Screen Shot he http://sample.studiopresence.com What it should look like is seen on this Screen Shot he http://sample.studiopresence.com/site_v2B.htm Here's the actual HTML version of the site: http://australianwellnesscentre.studiopresence.com Any help on this is GREATLY APPRECIATED!!! Thanks in advance! === Hi guys maybe some one could help me here iv made a template in photoshop see below now i have the header and footer stretching perfectly now the issues is when i try to insert the content in the middle (content is a thumbnail gallery script) 2 left and right sidebar disappear and they do not stretch up and down i duno what im missing ??? is there a way to do this?? iv tried using a table inbetween the top and bottom half but still i just removes the side bars... in other words im try to "make a square(theme) with content in the middle of it" if you catch my drift with the side bars streting up and down as the content grows larger i think an iframe in the middle would work but the CMS im using does not like Iframes and i know iframes are a bit outdated here is the code im using... ANy help will be very much appreciated HTML Code: <style type="text/css">
<!--
body,td,th {
color: #0F0;
}
-->
</style><center>
<style type="text/css">
<!--
body {
background-color: #0b0b0b;
}
-->
</style><table id="Table_01" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="images/steamlounge_01.png" width="213" height="185" alt=""></td>
<td background="images/steamlounge_02_STR.png" width="100%" height="185" alt=""></td>
<td colspan="2">
<img src="images/steamlounge_04.png" width="238" height="185" alt=""></td>
</tr>
</table>
<table id="Table_02" align="left" width="87" height"100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/steamlounge_05_STR.png" alt=""></td>
</tr>
</table>
<p>hgjdgjdghjjdg
hjd
ghjd
gh
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
gg </p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p> </p>
<table id="Table_02" align="right" width="87" height"100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/steamlounge_07_STR.png" alt=""></td>
</tr>
</table>
<table id="Table_01" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="images/steamlounge_10.png" width="213" height="68" alt=""></td>
<td background="images/steamlounge_11_STR.png" width="100%" height="68" alt=""></td>
<td colspan="2">
<img src="images/steamlounge_13.png" width="238" height="68" alt=""></td>
</tr>
</table>
</center>
Hello all, I am having a problem which I can't seem to figure out with an html page. I sliced up a photoshop image then turned it into a web page. I took the html table from the sliced up header, and plugged it into the final web page. It looked like it was aligned properly in Dreamweaver, however when I viewed the webpage there were some alignment issues with the page. Here is the link to the misaligned page: http://test.gridpointpm.com Here is the code for part of the index page that includes the header with the alignment issues: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
</head>
<body id="page1" onload="new ElementMaxHeight()">
<div class="w">
<div class="site_center">
<div class="site_center1">
<div id="header">
<div class="flash">
<!-- Save for Web Slices (indexheader.psd) -->
<table id="Table_01" width="866" height="441" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13">
<img src="images/index_01.jpg" width="866" height="66" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="66" alt=""></td>
</tr>
<tr>
<td colspan="13"><img src="images/index_02.jpg" width="866" height="206" alt="" /></td>
<td>
<img src="images/spacerh.gif" width="1" height="206" alt=""></td>
</tr>
<tr>
<td colspan="7" rowspan="2">
<img src="images/index_03.jpg" width="632" height="114" alt=""></td>
<td colspan="5">
<img src="images/index_04.jpg" width="157" height="34" alt=""></td>
<td rowspan="6">
<img src="images/index_05.jpg" width="77" height="169" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="2">
<img src="images/index_06.jpg" width="157" height="95" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="80" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/index_07.jpg" width="360" height="15" alt=""></td>
<td rowspan="3">
<img src="images/index_08.jpg" width="180" height="40" alt=""></td>
<td rowspan="4">
<img src="images/index_09.jpg" width="92" height="55" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_10.jpg" width="153" height="40" alt=""></td>
<td>
<img src="images/index_11.jpg" width="42" height="16" alt=""></td>
<td rowspan="3">
<img src="images/index_12.jpg" width="9" height="40" alt=""></td>
<td>
<img src="images/index_13.jpg" width="58" height="16" alt=""></td>
<td rowspan="3">
<img src="images/index_14.jpg" width="98" height="40" alt=""></td>
<td rowspan="3">
<img src="images/index_15.jpg" width="31" height="40" alt=""></td>
<td>
<img src="images/index_16.jpg" width="44" height="16" alt=""></td>
<td rowspan="3">
<img src="images/index_17.jpg" width="7" height="40" alt=""></td>
<td>
<img src="images/index_18.jpg" width="55" height="16" alt=""></td>
<td rowspan="3">
<img src="images/index_19.jpg" width="20" height="40" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_20.jpg" width="42" height="24" alt=""></td>
<td rowspan="2">
<img src="images/index_21.jpg" width="58" height="24" alt=""></td>
<td rowspan="2">
<img src="images/index_22.jpg" width="44" height="24" alt=""></td>
<td rowspan="2">
<img src="images/index_23.jpg" width="55" height="24" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_24.jpg" width="180" height="15" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="15" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</div>
</div>
Any help would be much appreciated. Thanks in advance. Hello all! New to the forum here, so smack me into shape if i step outside of the rules... Have recently been attempting to maintain a (very basic) website for my parent's cottage. I aimed to keep it low maintenance in order to allow me not to have to do too much to it! The address is http://www.bettwsbach.co.uk Recently, i've been attempting to add a new 2009 price list to the website, which has come to me in the form of an excel spreadsheet. Here's how it should look: http://www.bettwsbach.co.uk/Misc/BBPrice.jpg I've used Excel's in-house save-to-webpage feature, and with a bit of jiggery-pokery to make the background come up (!!) here's how it appears as part of a frameset on my mac: http://www.bettwsbach.co.uk/Misc/BBPriceMac.jpg HOWEVER! I'm reliably informed that on various computers, the formatting gets pretty screwed. If you have time, go through the link to the website above, click on 2009 prices, and see if it's legible. I can only think it might be a browser-related issue (i'm on firefox), or perhaps a resolution issue - maybe the page is trying to sort its own sizing out for each computer. Either way, you can see that the formatting changes markedly between Excel and the HTM page it pushes out. So i guess my questions a 1) Anyone come across this before? Any idea why it's messing me around? 2) Any idea how to make it better? 3) Is there a better solution to the webpage (i.e., not using Excel altogether) that i've inadvertently disregarded? Bear in mind the whole thing has been put together by me and notepad, and i've had to teach myself HTML, with very little time dedicated to the running of the website. Many thanks in advance. Rob Can anyone expain to me why this page I am working on looks fine in both Google Chrome and Mozilla Firefox, but looks completely askew when using Microsoft Internet Explorer? Any help would be appreciated! http://imxevent.com/imx2011/Public/C...ortMenu=101005 view-source:http://imxevent.com/imx2011/Public/C...ortMenu=101005 I think it is this piece of code that is causing me problems (lines 281-287)... HTML Code: <p><font style="FONT-SIZE: 20px" color="#c00000"><strong>imX Keynote Sessions</strong></font></p> <p><span style="FONT-FAMILY: Univers 57 Condensed; COLOR: black"><font style="FONT-SIZE: 15px">An extension of the forward thinking that has defined the development of imX, these Keynote Presentations reflect imX’s position as a high-level gathering place for manufacturing thought leaders from across the country and around the world. If it’s important for U.S. manufacturing, it's discussed at imX.</font></span> </p><p><table style="width: 510px; height: 138px; " class="RadEDomMouseOver"> <tbody> <tr> <td colspan="3"> <strong>KEYNOTE SESSION - DAY ONE</strong></td></tr> <tr><td style="text-align: center; vertical-align: top; "> <img alt="Michael Molnar" src="http://www.imxevent.com/imx2011/CUSTOM/images/molnar.jpg">&nbsp;</td><td>&nbsp;</td><td style="text-align: left; vertical-align: middle; "><font><font><br><url=http://www.imxevent.com/imx2011/public/Content.aspx?ID=316&amp;sortMenu=102003 style="color: rgb(255, 0, 0); font-family: arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; ">Michael F. Molnar</a></font></font><b style="font-family: arial, Verdana, sans-serif; font-size: 14px; ">, FSME, CMfgE, PE</b><br><br><table class="RadEDomMouseOver" style="font-family: arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; width: 510px; height: 138px; "><tbody><tr><td style="text-align: left; vertical-align: top; "><strong><font color="#ff0000">Date:</font></strong></td><td> </td><td style="text-align: left; vertical-align: top; ">Monday, September 12, 2011</td></tr><tr><td style="text-align: left; vertical-align: top; "><strong><font color="#ff0000">Speaker:</font></strong></td><td> </td><td style="text-align: left; vertical-align: top; ">Michael F. Molnar, FSME, CMfgE, PE</td></tr><tr><td style="text-align: left; vertical-align: top; "><strong><font color="#ff0000">Title:</font></strong></td><td> </td><td style="text-align: left; vertical-align: top; ">The U.S. Advanced Manufacturing Initiative: <br>Your Role in Public Private Partnerships</td></tr></tbody></table></td></tr><tr><td style="TEXT-ALIGN: left; VERTICAL-ALIGN: top" colspan="3"> <iframe width="480" height="315" src="http://www.youtube.com/embed/VUzBbwlpIFk" frameborder="0" allowfullscreen=""></iframe></td></tr></tbody></table></p> <p><a name="schutz"></a> Dear forums! I'm having issue with an padding-problem which i'm not able to solve on my own. I don't understand why my code returns the problems that it does, but it for some reason does. Okay, what is the problem? I've drawn them into this picture; http://i42.tinypic.com/4v1veo.png The problem is that the first navigation-button starts off with about 10-15 pixels, and ends about 3 pixels out of the actual navbar (if you check the borders). I would like to remove this, so that the navbar button covers the whole area of the navbar div / element, without starting too late or ending too late. CSS code can be found here; http://www.myhrensolutions.net/tolkf...sign/index.css the HTML-code can be viewed here; http://www.myhrensolutions.net/tolkfirma/tjenester.html All help is muchly appriciated, thank you! - Scott. Hi, I have a table with a background image. i want that this background image adjust itself dynamically according to the size of the table. Can this be achieved. can anyone post any technique of doing this? Thanks in advance geniuses htmlgroom So I feel like chewing on my monitor at this moment. May I graciously and pleadingly ask for someone to help before I'm electrocuted as I chew through the computer? For weeks I've been searching the internet for a way to remove the white space on the marquee which appears at the beginning and at the end when it loops around without speeding up the feed. I've read through the posts here but I'm a very novice html user and some of the more advanced coding leaves me dumbfounded. Somewhere online I read about using negative margins to reduce the blank space but was entirely unsuccessful. Could someone maybe just tell me what to add to the following code to remove that dreaded blank space? Thank you, thank you, thank you! <marquee bgcolor="#708090" scrollamount="1" direction="up" loop="true" width="400" height="400"> <center><font color="#ffffff">How do I remove the emptiness or possibly create negative margins to reduce the amount of blank space at the beginning and end of the text as it loops through?<br><br>Adding more text or looping it faster or shrinking the size of the marquee is not effective.<br><br>Could anyone use this code and give an example of the negative margins or some other option?<br><br>Thanks!</font></center></marquee> Hello, I designed this website http://www.aitputd.org/conference and found that it has compatibility issues when viewed with different browsers. e.g. The 'font' of the menu changes (becomes bold) when viewed in IE and Chrome browsers as opposed to FF3.5 Also The title 'sponsors' on the left does not stay at the center in IE and FF3.5 but seems good in Chrome. Is there a solution to address these problems?? Any help is highly appreciated. Regards, NP I currently send out html emails through my esp and do several rendering checks on all major isp's such as hotmail, gmail, yahoo etc. The email renders fine in all message previews but I do not know a way to check how the email renders for mac users. I found out recently that the emails render very poorly in macs, with images breaking throughout. I need to somehow be able to preview how the html will look like in a mac in order to test and fix these rendering issues. Hello all im new to forum. i am building an online portfolio and im trying to make sure it works for the most used browsers. The code i have written works perfectly fine for IE but when using FF i have problems The problem im having is to do with my Navigation Bar. When i mouse over the navagation bar in FF it only works if i mouse over the bottom of the "image" of the navagation bar. Can anyone see why this is happening? i will post the relevant code and an example url. <LINK REL=stylesheet HREF="http://maths.sci.shu.ac.uk/students/Keenan_Liam/stylesheet.css" TYPE="text/css"> </head> <div style="POSITION: relative; TEXT-ALIGN: center"> <span style="WIDTH: 1000px; POSITION: relative; TOP: 104px; TEXT-ALIGN: center"> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/home/index.html" target="_blank" class="opacityit"><img width="100" height="29" alt="Home" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/homeRj.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/cv/index.html" class="opacityit"><img width="100" height="29" alt="CV" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/mycv.jpg" border="0" ></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1/index.html" class="opacityit"><img width="100" height="29" alt="Year 1" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2/index.html" class="opacityit"><img width="100" height="29" alt="Year 2" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3/index.html" class="opacityit"><img width="100" height="29" alt="Year 3" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4/index.html" class="opacityit"><img width="100" height="29" alt="Year 4" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4.jpg" border="0"></a></span> </div> the url is http://maths.sci.shu.ac.uk/students/...me/index2.html Thanks, Liam I am not an amatuer, I'd think, but for some reason I am having trouble slicing up this image into a site (http://www.pigseldesign.com/tartan_mod.jpg). The top menu is the problem area, but I think my trouble comes into play due to me using tables. I haven't really delved into DIV tags yet to understand how to make it work in that form, but it doesn't seem like it would be difficult. I've just split the image into four columns and the menu falls into the 3rd. Problem is, when I make the cell's background the black/gray gradient, it spans to match the height of the patterned banner on the left (in another cell), even after I set the menu's cell's height to what it should be. I know there isn't much concrete information to work with, but any help would be greatly appreciated. Even if there were a program where I could just slap this in and have it spit out what I need. I just want the code clean, correct and looking right. I am attempting to make it so when a member posts to the tumblr blog that their name and image appear next to their posts. I noticed that there was some block:post variables that describe this function as being somewhat of a possibility. Am I wrong in that assumption? I am unfamiliar with where to place this code or if it needs any associative div tags to make this functionality take place. I plan to have 5 additional users and that will all have TUMBLR accounts and profile images. What variables and in what location/format would I have to include in the HTML editor to achieve this function? I found the following groupMember block variables on the custom themes section and am at a loss. Any help would be appreciated. Thank you very much! Here is the different types of variables: http://www.tumblr.com/docs/en/custom_themes#text-posts Group Members Variable Description {block:GroupMembers} {/block:GroupMembers} Rendered on additional public group blogs. {block:GroupMember} {/block:GroupMember} Rendered for each additional public group blog member. {GroupMemberName} The username of the member's blog. {GroupMemberTitle} The title of the member's blog. {GroupMemberURL} The URL for the member's blog. {GroupMemberPortraitURL-16} Portrait photo URL for the member. 16-pixels by 16-pixels can anyone help me with this, it looks ok but it wont email Code: <form action="mailto:byp_webmaster@hotmail.co.uk" method="POST" enctype="multipart/form-data" name="Website contact form"> <table border="1" align="center"> <td> <center>Your Name:</center><input type="text" align="center" size="40" maxlength="50" name="name"> <br><br> <center>Your Email:</center><input type="text" align="center" size="40" maxlength="50" name="Email"> <br><br> <center>Message:</center><textarea cols="50" rows="4" name="Message" align="center"></textarea><br> <center><input type="submit" value="Send Email" ></center> </td> </table> </form> Hi, I am using an email newsletter system, wherein I can create HTML templates and then send mails. I would like to know in the email that I send, I need the html to pick up some dynamic content from another website and when the email is being displayed, it needs to show that dynamic content I could have used iframe in the html template - but that would work on websites, but not on emails. Is there a way anyone can suggest wherein I can achieve this? Thanks hi all, something I thought would be simple is, well, not so simple for me!! all that I want to do is send a complete html web page as an ordinary email so that people viewing it can click on the existing links and buttons.(for payments etc) I have tried sending it several times and on aol none of the headings/gif's n jpg's are displayed, using squirrel mail, some of the links are highlighted, however, some are missing. using outlook, well, no comment!!! surely there is an easy (hehe) way to send a whole hyml web page as an email? many thanks for all help, Ed Hi, does anyone know if it is possible to send an html email with yahoo? thanks I have to send an HTML email, but I'm missing something. I have my HTML page encoded, and I put Outlook on HTML mode, but when I send the email, the receiver still only gets a bunch of code, not the nice-looking HTML Layout we've worked so hard on. I'm opening the HTML's source code, copy/pasting it in the body of the email. Obviously this is wrong. Can someone please tell me how it's supposed to be done? And yes I know HTML emails are evil, no I'm not a spammer, and I know I'm facing an army of filters. But if someone could point me in the right direction, I would really appreciate it. |
|||||||