|
HTML - Mass Html Email Not Displaying Css Correctly
OK, I've really been tearing my hair out with this one and now getting frustrated beyond beliief! LOL.
I have as a bolt on within my phpBB2 (v2.0.22) forum a Mass email HTML MOD (uses a program called MICE). Now, my forum style is Aphrodite and I have successfully got this into a draft email yet when I go to preview the email, everything is set-out perfect. Once it gets sent to any email client, ie Hotmail, Yahoo mail, etc, etc, a lot of the style gets stripped making it all look very messy. Best way to explain this is by screenshots. The below is how it SHOULD look (small section of the email): And this is how it looks in email clients (same section): This is the header from the html file: Code: <!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 content="text/html; charset=ISO-8859-1" http-equiv="content-type" /> <title>screwball newsletter 1</title> <link rel="STYLESHEET" href="http://www.screwballscrabble.co.uk/forum/templates/ca_aphrodite/style.css" type="text/css" /> </head> <body> I'm hoping it's something that is easy to remedy as I've obviously overlooked something. Look forward to any responses. Thanks! Similar Tutorialshi all - can anyone advise as to what might be the issue - a new html email newsletter i've modified from an existing template behaves differently in that the content doesn't display along with the images until you choose to download them. so instead of just seeing text without images, the entire email is blank. has anyone encountered this/can possibly advise? many thanks, tania Hello. I have created a website: www.launchtechusa.com It looks fine when you view it through mozilla or safari, but it gets distorted when you view it through internet explorer. Any reasons why this may be happening? Thanks for any pointers you can give! Guys, i am in a real bind here. I recently redesigned my website & gave it a fresh look. Well apparently that new look has come with a cost! My homepage doesn't display correctly in IE6 or IE7. I am getting a lot of complaints about it & I have no clue how to fix it. I added a script to inform users that they were using an older browser that was outdated but a lot of my users cannot update their browsers because they are on work computers & what not. Can someone please help me fix this mess. My homepage URL is: http://www.biglake411.com/ The site displays correctly using firefox & IE8. The problem is with IE6 & IE7. Here are screen shots of each: Thanks in advance. I'm new to HTML/CSS, and I thought I managed to get my website just right... until i tested it in IE. (I now understand why IE is the bane of our existence!) All versions of IE (and Opera, for that matter) make my divs display lower than I intended. My webpage is comprised of many divs, two of which are my main problem. I have two divs serving as the main content (one is an intro to the site, one is a calendar). I would like these two divs to be side by side, at the same height, roughly 10ish pixels below my navigation bar... this is easily achieved in firefox and safari, BUT in IE they get weirdly pushed down on the page. Also, my title div has a habit of being shrunk in height from 175 pixels to around 25 in some versions of IE. This is causing much headbanging! In summary, I need suggestions on how to position my divs. Right now I am using absolute positioning for everything, but I have also tried relative positioning and using floats; however, no matter what I do, I end up with some other problem that I cannot solve, and these are too numerous to go into detail here. If you can help me, a million thanks! If you want to look at my code, the website is http://www.studentgroups.ucla.edu/tbsek THANK YOU IN ADVANCE for any ideas you have! Here is the link: http://www.averytrips.com/socal.html I've got a TR with a background image applied to it. The background image is supposed to look like this: http://www.averytrips.com/trbg.png Clearly the TDs are messing it up, but I can't for the life of me figure out why. Hello to all, as a first time user of this site. I use Namo WebEditor 8 and have just spent over 3 hours trying various things to get my navigation buttons to work. Within the edit function (non html) everything is ok display wise. On full preview i get extra blank lines. I have around 9 pages (as headers), one works and eight that don't. Below i have included the full code for 2 of my pages. I am out of touch with reading html now, but i am simply trying to help a playgroup charity out so any help appreciated. Hey, I've tried to start coding a page with XHTML and CSS using divs to align everything, but I'm having all kinds of trouble getting stuff to align and then getting it to align in more than one browser. Here is the page and CSS: http://dzapp.com/ http://dzapp.com/DZStyle-V1.css Any kind of advice would be greatly appreciated. Thanks! Hi Maybe it's just on my computer, but my site's not coming up right in Firefox the last few days. It works fine in other browsers. Can anyone see a fault in my coding to explain why there is no info appearing in the "Tommo's Trivia" box? The site is at http://www.billygoatkaraoke.com.au Thanks for taking a look. Shaun I am having trouble getting everything to fit correctly on a page. Below is a picture of my page and the sections I have split it up into. As you can see, the problem lies in the banner on the right. It is longer than all of the other rows, but I can't split it up because it is a banner. The way I have set up my page is by creating a table and then each row is another table in side of the first table. I'm not sure if this is even correct. How do I go about setting up my page so that everything fits together (including the banner)? (this is a picture of what's wrong) I have a folder which contains over 1000 songs on my server Artist-Song.mp3 format. I want to create a links page with my own template and such, but not have to sit and copy/paste the urls 1000 times. I need a program or script that would just recognize all the files in that folder so I can make a page to display all the songs. See what I'm saying? Hi all, I have a sidebar on my site that I want to put a latest news section in and I want it to be the same in all pages at my site. My problem being that I don't want to update all the pages in the site every time I update the latest news section. I'm wondering if there is any way (other than frames) to 'link' to a separate file in which I change the content every time I update the news and then all pages are updated accordingly. I've thought about using a MySQL database to hold news content and then use php to retrieve it but this seems like overkill given that I am confident there is probably an easier way? Any thoughts? Thanks Aaron Hi, 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 have a simple homework assignment that I need to submit to my instructor. The assignment is a simple HTML based webpage with two photos. When I open the webpage on my computer the photos display just fine, but I need to send it all to my instructor in a compressed .zip file. When he opens the .zip file, the photos will not display. This is because the original path is no longer valid. How do I change the path so that the webpage will display the photos included within the .zip file? Here is what my code looks like.... Code: <html> <!----Website assignment student University of Phoenix Web/236 May 15, 2011 /----> <body bgcolor="#500000"> <table border="1" align = "center"> <tr><a name="Home"</a> <td><img src="C:\Users\THRILLSEEKER\Desktop\DjSteveRyan.jpg"/></td> </tr> </table> <table border="1" align = "center"> <tr> <td><a href="#Home"style="color:FFCC33">HOME</td> <td><a href="#About"style="color:FFCC33">ABOUT</td> <td><a href="#Upcoming Events"style="color:FFCC33">UPCOMING EVENTS</td> <td><a href="#Past Events"style="color:FFCC33">PAST EVENTS</td> <td><a href="#Contact"style="color:FFCC33">CONTACT</td> </tr> </table> <table border="1" align = "center"> <tr> <td><img src="C:\Users\THRILLSEEKER\Desktop\DjSteveRyan2.jpg"/></td> </tr> </table> <a name="About" style="color:FFCC33">About DJ Steve Ryan</a> <table border="1" align = "center"> <tr> <td style="color:white"><font size="5">RANDOM NOTESfont></td> </tr> </table> <p border="1" align = "right"> <a href="#Home"style="color:FFCC33">HOME</> </p> <a name="Upcoming Events" style="color:FFCC33">Upcoming Events</a> <table border="1" align = "center"> <tr> <td><img src="C:\Users\THRILLSEEKER\Desktop\DjSteveRyan2.jpg"/></td> </tr> </table> <p border="1" align = "right"> <a href="#Home"style="color:FFCC33">HOME</> </p> <a name="Past Events" style="color:FFCC33">Past Events</a> <table border="1" align = "center"> <tr> <td><img src="C:\Users\THRILLSEEKER\Desktop\DjSteveRyan2.jpg"/></td> </tr> </table> <p border="1" align = "right"> <a href="#Home"style="color:FFCC33">HOME</> </p> </body> </html> Hey guys, hope someone can help. I have a website that is displaying correctly in FF 3.05 but incorrectly in IE7 If you look at this page in FF and then IE you will see the problem... http://www.debt-rescued.co.uk/applynow.html Hope someone can help I would appreciate anyone's help in determining why my text is not going all the way to the right side of the "maintext" container. You can view the problematic webpage at: http://www.cornerstonecontractingcom...emp/about.html The associated CSS can be viewed at: [url="http://www.cornerstonecontractingcompany.com/temp/default.css"]http://www.cornerstonecontractingcompany.com/temp/default.css[/URL Thank you very much for your help. Hi all, just came here to ask why is it that when I try to open my HTML file in Internet Explorer, which I created in note pad, it comes up with the code I typed it rather than displaying the actual page? Like for example I typed in this... <html> <head><title>Interspecies Conflict Videos</title></head> <body> <div align="center"> <img src="web logo.jpg" alt="Web Header" /> </div> </body> </html> And all I got was the code you see above you, there was no picture or anything. Greetings I have 3500 pages of content on my site and i would like to monetize all of them by placing some adds. The problem is that my advertisers might change sometimes and i don't want to update all the pages each time i decide to go for some other advertiser so i tought i should use another html file that would be displayed on all the 3500 pages and each time i would modify this file, it would update on all the 3500 pages. I would like the page to be search engine friendly too, if possible. Also don't want to use frames. So there would be small window 200 x 200 in size that would display the content of the seperate file on all these 3500 pages. So how should i do this, would java script be something to consider? I don't know much about php and would not like to use it, what would be the easyest way to do this? Also there can not be any borders in this window and it needs to be embedded in to all these 3500 pages, in exact size of 200 x 200. This system needs to work in IE, Firefox, netscape and opera!! The content would be adsense, banner or similar content. Please advise.... Sir. Turhapuro hey guys im after some simple help i think. i have created a .psd for a html email i wish to send. i have sliced it up to how i would like it and i created the automated html. It all show ok in all web browsers and most email clients but not outlook 2007, i know there is a lot of issues with this email client but just wondered if you guys know any way to work around it. If i keep all the slices horizontal then it all fits fine but on the vertical ones which i need it kinds shifts them over the right so there the while vertical lines running through the page. i have attached the code any help would be more then appreciated. Code: <html> <head> <title>newnew</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- Save for Web Slices (newnew.psd) --> <table id="Table_01" width="800" height="601" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="http://www.designtwenty1.com/emailimages/skyblue_02.jpg" width="327" height="44" alt=""></td> <td colspan="6"> <img src="http://www.designtwenty1.com/emailimages/skyblue_03.jpg" width="280" height="44" alt=""></td> </tr> <tr> <td colspan="11"> <img src="http://www.designtwenty1.com/emailimages/skyblue_04.jpg" width="607" height="28" alt=""></td> </tr> <tr> <td colspan="12"> <img src="http://www.designtwenty1.com/emailimages/skyblue_05.jpg" width="790" height="44" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/skyblue_06.jpg" width="10" height="44" alt=""></td> </tr> <tr> <td colspan="3"> <img src="http://www.designtwenty1.com/emailimages/skyblue_07.jpg" width="311" height="77" alt=""></td> <td colspan="10"> <img src="http://www.designtwenty1.com/emailimages/skyblue_08.jpg" width="489" height="77" alt=""></td> </tr> <tr> <td colspan="13"> <img src="http://www.designtwenty1.com/emailimages/skyblue_09.jpg" width="800" height="37" alt=""></td> </tr> <tr> <td> <img src="http://www.designtwenty1.com/emailimages/skyblue_10.jpg" width="141" height="121" alt=""></td> <td colspan="3"> <img src="http://www.designtwenty1.com/emailimages/skyblue_11.jpg" width="221" height="121" alt=""></td> <td colspan="6"> <img src="http://www.designtwenty1.com/emailimages/skyblue_12.jpg" width="279" height="121" alt=""></td> <td colspan="3"> <img src="http://www.designtwenty1.com/emailimages/skyblue_13.jpg" width="159" height="121" alt=""></td> </tr> <tr> <td colspan="13"> <img src="http://www.designtwenty1.com/emailimages/skyblue_14.jpg" width="800" height="41" alt=""></td> </tr> <tr> <td colspan="6"> <img src="http://www.designtwenty1.com/emailimages/skyblue_15.jpg" width="397" height="54" alt=""></td> <td colspan="7"> <img src="http://www.designtwenty1.com/emailimages/skyblue_16.jpg" width="403" height="54" alt=""></td> </tr> <tr> <td colspan="2" rowspan="3"> <img src="http://www.designtwenty1.com/emailimages/skyblue_17.jpg" width="193" height="154" alt=""></td> <td colspan="3" rowspan="3"> <img src="http://www.designtwenty1.com/emailimages/skyblue_18.jpg" width="187" height="154" alt=""></td> <td colspan="3" rowspan="3"> <img src="http://www.designtwenty1.com/emailimages/skyblue_19.jpg" width="223" height="154" alt=""></td> <td colspan="5"> <img src="http://www.designtwenty1.com/emailimages/skyblue_20.jpg" width="197" height="115" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="http://www.designtwenty1.com/emailimages/skyblue_21.jpg" width="18" height="39" alt=""></td> <td colspan="2"> <img src="http://www.designtwenty1.com/emailimages/skyblue_22.jpg" width="162" height="26" alt=""></td> <td colspan="2" rowspan="2"> <img src="http://www.designtwenty1.com/emailimages/skyblue_23.jpg" width="17" height="39" alt=""></td> </tr> <tr> <td colspan="2"> <img src="http://www.designtwenty1.com/emailimages/skyblue_24.jpg" width="162" height="13" alt=""></td> </tr> <tr> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="141" height="1" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="52" height="1" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="118" height="1" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="51" height="1" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="18" height="1" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="17" height="1" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="123" height="1" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="83" height="1" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="18" height="1" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="20" height="1" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="142" height="1" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="7" height="1" alt=""></td> <td> <img src="http://www.designtwenty1.com/emailimages/spacer.gif" width="10" height="1" alt=""></td> </tr> </table> <!-- End Save for Web Slices --> </body> </html> thanks jamie |
|||||||