Html to image but wrong font

I found some code to convert an html to an image.
Using the codeexample, i get a nice png-image but it has a wrong font.
I tried changing it in the html-source but it doesn't help.
any idea?
import javax.imageio.ImageIO;
import javax.swing.*;*
*import java.awt.*;
import java.awt.image.BufferedImage;
import java.beans.PropertyChangeEvent;
import java.beans.PropertyChangeListener;
import java.io.File;
import java.io.IOException;
import java.net.URL;
public class Test {
private static volatile boolean loaded;
public static void main(String[] args) throws IOException {
loaded = false;
File mySignature = new File("d:/mypage.htm");
URL url = mySignature.toURI().toURL();
JEditorPane editorPane = new JEditorPane();
editorPane.addPropertyChangeListener(new PropertyChangeListener() {
public void propertyChange(PropertyChangeEvent evt) {
if (evt.getPropertyName().equals("page")) {
loaded = true;
editorPane.setPage(url);
while (!loaded) {
Thread.yield();
File file = new File("d:/ex_mypage.png");
componentToImage(editorPane, file);
public static void componentToImage(Component comp, File file) throws IOException {
Dimension prefSize = comp.getPreferredSize();
BufferedImage img = new BufferedImage(prefSize.width, comp.getPreferredSize().height,
BufferedImage.TYPE_INT_ARGB);
Graphics graphics = img.getGraphics();
comp.setSize(prefSize);
comp.paint(graphics);
ImageIO.write(img, "png", file);
}Here is the html code
<html>
<head>
<title>Test</title>
<style type="text/css">
body {
font-family: Verdana, serif;}
</style>
</head>
<body>
<table border="0" width="700" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" bgcolor="#1D4667" align="center">
<font size="-1" color="#FFFFFF">Title</font></td>
</tr>
<tr>
<td><font size="-1">Normal Text</font></td>
<td><b><font size="-1">Bold Text</font></b></td>
</tr>
</table>
</body>
</html>

I ran your code and the output text looked like it was plain. However, all the Verdana fonts on my system look
pretty close to plain text, so I didn't know wether it was working or not.
So I ran your code but replaced the font with a more stylish one on my system (called "Chiller") in the html file. I got the correct results.
The posiblity then exists that "Verdana, serif" in your html file is not the proper way to reference
the font you're looking for. And if the JEditorPane can't find the font name on your system it defaults to plain text. "Chiller"
seemed to work fine for me.

Similar Messages

Using iweb to create a webpage but wrong fonts are displayed

Hi,
I am trying to create a front page for the followoing site using iweb '09. Whenever i publish the site the font that appears is totally incorrect. However when I view the site on my imac, it looks as it should do.
I've seen numerous threads on this but the fixes haven't seem to work for me. The font I am trying to use is VAG Rounded.
Can anyone help?
<Link Edited By Host>

Your font is most likely not available on any computer :
http://www.myfonts.com/fonts/adobe/vag-rounded/
To display custom fonts on webpages read this :
http://www.wyodor.net/Tutorials/Google/Google_Fonts.html
To use a free VAG rounded alternative, see this :
http://www.google.com/search?q=VAG+Rounded+free+alternative
Then perhaps this :
http://www.fonts101.com/fonts/view/Standard/8766/VAG_Round.aspx
Then learn about embedded fonts :
http://www.google.com/search?q=embed+font
See how I do it here with iWeb and non-iWeb pages :
http://www.wyodor.net/_Demo/Fancy/Dynamic_Text.html
http://www.wyodor.net/mfi/global/Blank.html
http://www.wyodor.net/_Fonts/
http://www.wyodor.net/htmlegg/googlefonts.html

Using Safari to send HTML Mail message but Mail keeps dropping images?

I'd like to use Safari to send html Mail messages, but when I click on File>Mail Contents... Mail opens a new window but my graphics are gone. (I'm creating the html pages using MS Word for the Mac.) I get a flash of the graphics for a second, and then they are replaced by a little blue lego. Any ideas? I've tried all kinds of mail preferences but nothing seems to help.

Figured it out (at least one way): had to load the image to a server and then add the image as a link only (uncheck "save picture with document" box).

I am trying to make a signature in MS Word (2007) which includes a jpg image, but when I save it as a HTML file and attach it the text appers OK but the image doesn't. I have tried various formats but still no luck. Can anyone help?

I am trying to make a signature in MS Word (2007) which includes a jpg image, but when I save it as a HTML file and attach it the text appers OK but the image doesn't. I have tried various formats but still no luck. Can anyone help? edit

C'mon! Anyone???? I'm desperate!

Why is my HTML email showing up wrong in different email account?

I've seen this before and I think it has to do with CSS (which I realize isn't supposed to be in emails), but I'm super new to this and have scoured the internet to find out exactly what I'm doing wrong and how to fix it. It shows up properly in my Yahoo acccount, but not in my Gmail accounts (which initially threw it in Spam, if that has anything to do with it). I only know the very basics of HTML and CSS, but still have get this work done and I'm assuming someone will be able to view the code and see what my issue is pretty quick - I hope! It previews in browsers just fine, it's only when I'm click "Forward to a Friend" to send it to myself to test.
See the HTML and screencaps of the difference in view below...
My HTML:
<!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=ISO-8859-1" />
<meta name="Description" content="LandOf.org is a land use information salon for Minnesota developers, planners and the public to learn about growing smarter. LandOf.org covers everything along the transect from central cities to rural areas with topics such as mixed land use to stakeholder collaboration with experts, downloadable plans, case studies and images for each. LandOf.org is a mingling of voices that asks, “how can we do what’s best for Minnesota?”
" />
<title>Summer Reading List: Best of Smarting Off Blog</title>
<style type="text/css">
.rulebottom {
          border-bottom-width: 1px;
          border-bottom-style: dotted;
          border-bottom-color: #483225;
.ruleleft {
          border-left-width: 1px;
          border-left-style: dotted;
          border-left-color: #483225;
.texta {
          font-family: arial, helvetica, sans-serif;
          font-size: 11px;
          color: #483225;
.texta a {
          font-family: arial, helvetica, sans-serif;
          font-size: 11px;
          color: #483225;
.titlea {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 19px;
          text-decoration: none;
          color: #80CCA9;
.titleb {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 19px;
          text-decoration: none;
          color: #154051;
.textblue {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          text-decoration: none;
          color: #154051;
.bottominfo {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 16px;
          color: #FFFFFF;
.border {
          border: thin solid #7C5A45;
.text {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #977347;
          line-height: 16px;
.intro {
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 12px;
          line-height: 16px;
          color: #977347;
          font-style: italic;
.publisher {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 14px;
          color: #3D1B01;
.text a {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #87C1A9;
          line-height: 16px;
body {
          background-color: #EAF5AE;
.text1 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #171800;
          line-height: 18px;
</style>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-2283394-35");
pageTracker._trackPageview();
} catch(err) {}</script>
</head>
<body>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EAF5AE">
<tr>
    <td><p align="center"> </p>
      <p align="center"><span class="text">Summer reading list from LandOf.org. Having trouble viewing this email? <a href="http://www.landof.org/email/7-13.html" target="_blank" style="color:#6CA233">View it online.</a></span></p>
      <table width="650" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <tr>
          <td colspan="6"><div align="right"><a href="http://www.landof.org" target="_blank"><img src="http://www.landof.org/email/images/head.jpg" width="650" height="129" border="0" /></a></div></td>
        </tr>
        <tr>
          <td width="26" rowspan="6" valign="top"><img src="http://www.landof.org/images/spacer.gif" width="25" height="1" /></td>
          <td width="425" valign="top"></td>
          <td width="14" rowspan="6" valign="top"><img src="http://www.landof.org/images/spacer.gif" width="14" height="1" /></td>
          <td width="16" rowspan="6" valign="top"><img src="http://www.landof.org/images/spacer.gif" width="15" height="1" /></td>
          <td width="150" rowspan="6" valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><table width="150" height="3" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td></td>
                    </tr>
                    <tr>
                      <td bgcolor="#FFFFFF"><table width="150" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td><table width="150" height="3" border="0" cellpadding="0" cellspacing="0" bgcolor="#154051">
                                <tr>
                                  <td></td>
                                </tr>
                              </table></td>
                          </tr>
                          <tr>
                            <td><p align="left"><br />
                                <img src="http://www.landof.org/email/images/blog-bubble.jpg" width="87" height="69" /><br />
                              </p>
                              <font style="color:#154051;font-family:Arial;font-size:8pt;font-weight:bold;line-height:10pt;"> THE LATEST FROM THE SMARTING OFF BLOG </font><br />
                              <br />
                              <font style="color:#154051;font-family:Arial;font-size:8pt;font-weight:normal;line-height:11pt; "><strong>Recommendations: Who to Check out on Facebook</strong><br />
                              <br />
                              The following are a few of our favorites to keep in touch with on Facebook. Like them too for resources, news and more.</font><br />
                              <br />
                              <font style="color:#154051;font-family:Arial;font-size:8pt;font-weight:normal;line-height:11pt; "><a href="http://blog.landof.org/2012/09/recommendations-who-to-like-on-facebook.html" target="_blank" style="color:#6CA233">Read more. »</a> </font> <br/>
                              <br />
                            <br/></td>
                          </tr>
                        </table></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td height="3px" bgcolor="#154051" ></td>
              </tr>
              <tr>
                <td><div align="center"> <a href="http://www.landof.org/email/12-12.html"><img src="http://www.landof.org/email/images/last-issue.jpg" alt="Read the last issue" width="150" height="208" border="0" /></a> </div></td>
              </tr>
            </table>
            <a href="http://blog.landof.org/2011/02/celebrate-life-in-twin-cities-watch.html" target="_blank"></a></td>
          <td width="20" rowspan="6" valign="top"><img src="../images/spacer.gif" width="20" height="1" /></td>
        </tr>
        <td valign="top"><img src="http://www.landof.org/email/images/recommended.jpg" alt="Recommended" width="425" height="75" /><br />
            <table width="421" border="0" cellspacing="0" cellpadding="0">
            </table></td>
        </tr>
        <tr>
          <td valign="top"><p><strong><a href="http://blog.landof.org/2013/05/16-rules-for-growing-smarter-city.html" target="_blank" style="color:#977347;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:20px">16 Rules for Growing a Smarter City</a></strong>
            <p><font style="font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #977347;line-height: 16px;">Kaid Benfield—professor, nonprofit founder and author specializing in the topics of smart growth and sprawl—discusses the need for moving past simply advocating for smart growth to putting quality plans into action.<br />
              <br />
            <a href="http://blog.landof.org/2013/05/16-rules-for-growing-smarter-city.html" target="_blank" style="color:#6CA233">Read more.</a></font>
            <hr noshade="noshade" size="1" />
            <p><strong><a href="http://blog.landof.org/2013/05/northfield-named-as-having-complete.html" target="_blank" style="color:#977347;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:20px">Northfield Named as Having a "Complete Street Policy"</a></strong></p>
            <p><font style="font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #977347;line-height: 16px;">There are 488 cities, states and regions with Complete Street policies in the US. In 2012, 130 new policies were passed. Northfield, MN has made the cut.<br />
              <br />
              <a href="http://blog.landof.org/2013/05/northfield-named-as-having-complete.html" target="_blank" style="color:#6CA233">Read more. »</a></font></p>
            <hr noshade="noshade" size="1" />
            <p><strong><a href="http://blog.landof.org/2013/05/walk-score-ranks-most-walk-and-bike.html" target="_blank" style="color:#977347;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:20px">Walk Score Ranks Most Walk- and Bike-Friendly US Cities</a></strong><br />
              <br />
              <font style="font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #977347;line-height: 16px;">Where do the Twin Cities rank regarding their walking and biking scores? What cities are doing better? How can we improve?<br />
              <br />
              <a href="http://blog.landof.org/2013/05/walk-score-ranks-most-walk-and-bike.html" target="_blank" style="color:#6CA233">Read more. »</a></font></p>
            <hr noshade="noshade" size="1" />
            <p><strong><a href="http://blog.landof.org/2013/05/generation-y-prefers-walkable-downtown.html" target="_blank" style="color:#977347;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:20px">Generation Y Prefers Walkable Downtown Living—For Now</a></strong><br />
            </p>
            <table width="425" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="267"><font style="font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #977347;line-height: 16px;">People in the 18-to-34 age bracket currently prefer to rent in downtown areasover the suburbs and a sprawling yard. But what happens when they decide to raise families in larger homes?<br />
                  <br />
                  <a href="http://blog.landof.org/2013/05/generation-y-prefers-walkable-downtown.html" target="_blank" style="color:#6CA233">Read more. »</a></font></td>
                <td width="18"> </td>
                <td width="140" valign="top"><img src="http://www.landof.org/email/images/7-13-walkabledowntown2.jpg" width="140" height="105" alt="Downtown Mpls" /></td>
              </tr>
            </table>
            <hr noshade="noshade" size="1" />
            <p><strong><a href="http://blog.landof.org/2013/06/barcelona-fold-out-apartment-is-just.html" target="_blank" style="color:#977347;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:20px">Barcelona Fold-Out Apartment Is Just 250 Square Feet</a></strong><br /></p>
            <p><font style="font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #977347;line-height: 16px;">This ingenious tiny studio apartment has everything a larger home does—a dining room, a kitchen, a bedroom, a lounge and more. How does it all fit into 250 square feet?<br />
              <br />
            <a href="http://blog.landof.org/2013/06/barcelona-fold-out-apartment-is-just.html" target="_blank" style="color:#6CA233">Read more. »</a></font></p>
            <p> </p></td>
        </tr>
      </table>
      <div align="center">
        <p align="center"><a href="http://www.landof.org/email/forward/forwardplease.html" target="_blank"><img src="http://www.landof.org/email/images/forward.png" width="200" height="50" border="0" /></a></p>
        <p align="center" class="texta"><a href="http://www.landof.org/privacy.html" target="_blank" style="color:#483225">Privacy Policy</a></p>
        <font style="font-family:arial,helvetica,sans-serif;font-size: 11px;color:#483225;">To ensure you continue to receive this email, please add <a href="mailto:[email protected]" target="_blank" style="color:#483225">[email protected]</a> to your address book.<br />
        Did someone forward this email to you? <a href="http://www.landof.org/contact.aspx" target="_blank" style="color:#483225">Sign up</a> to receive your own notifications from LandOf.org.<br />
        <br />
        <u><a href="mailto: [email protected]" target="_blank" style="color:#483225">Request more information or contact LandOf.org</a></u>.<br />
        <br />
        <a href="http://www.landof.org" target="_blank" style="color:#483225">www.LandOf.org</a> | ©2012 LandOf.org<br />
        26 E. Exchange Street, Suite 206, St. Paul, MN 55101</font>
        <p align="center" class="texta">
          
          <a href="http://api.addthis.com/oexchange/0.8/forward/facebook/offer?pco=tbxnj-1.0&url=landof.org%2 Femail%2F10-12.html&pubid=xa-4feb7dd23fdf0efa" target="_blank" ><img src="http://cache.addthiscdn.com/icons/v1/thumbs/facebook.gif" border="0" alt="Facebook" /></a> <a href="http://api.addthis.com/oexchange/0.8/forward/twitter/offer?pco=tbxnj-1.0&url=landof.org%2F email%2F10-12.html&pubid=xa-4feb7dd23fdf0efa" target="_blank" ><img src="http://cache.addthiscdn.com/icons/v1/thumbs/twitter.gif" border="0" alt="Twitter" /></a> <a href="http://www.addthis.com/bookmark.php?source=tbxnj-1.0&=250&pubid=xa-4feb7dd23fdf0efa&ur l=landof.org%2Femail%2F10-12.html " target="_blank" ><img src="http://cache.addthiscdn.com/icons/v1/thumbs/more.gif" border="0" alt="More..." /></a>
          
        </p>
        <p align="center" class="texta"><a href="http://www.adsoka.com/w2e.html" target="_blank" style="color:#483225">Email by Adsoka</a></p>
      </div></td>
</tr>
</table>
</body>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2283394-35']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</html>
How it's supposed to show up:
How it's showing up in Gmail (Incorrectly! All the copy should be within the white box.):
Screencap from DW:
So, is it CSS causing this? Are the Tables setup incorrectly? Something not Inline? Not enough info for you? Gmail HATES ME?!
I'm just not seeing it and need to put the question out there while I continue to search for an anwer. Please respond!
Thanks!

Many mail clients reject images, JavaScript and embedded CSS styles. For best results use plain text near the top to communicate your message and give a link to the actual web page on your server.
For mail clients that do have limited support for HTML, use uncomplicated tables and inline CSS rules (inside the body tag).
All that meta data description is a red flag to spam filters. You shouldn't be using meta description or keywords in e-mails.
The article below has some good tips & resources for reliable e-mail templates you could use:
http://alt-web.com/Articles/HTML-Emails.shtml
Nancy O.

Page displays right in IE but wrong in FF

My site displays correctly in IE but incorrectly in FF and i
cant figure out why. I create my page in PS slice it up, import to
DW, insert div tags for text and post. But FF is getting the
spacing all wrong.
Any help will be much appreciated.
Here is the code
<html>
<head>
<title>David_Jackson_professional_website</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<style type="text/css">

</style>
<link href="Portfolio.css" rel="stylesheet"
type="text/css">
<style type="text/css">

</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0">

<table width="864" height="1081" border="0" align="center"
cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="11">
<img src="images/index_01.jpg" alt="" width="864"
height="154" border="0"></td>
</tr>
<tr>
<td rowspan="7"><img src="images/index_02.jpg"
alt="" width="58" height="926" border="0"></td>
<td colspan="2">
<a href="index.html"><img src="images/index_03.jpg"
alt="" width="59" height="21" border="0"></a></td>
<td rowspan="2">
<img src="images/index_04.jpg" width="18" height="56"
alt=""></td>
<td> <a
href="David_Jackson_Online_Resume.pdf"><img
src="images/index_05.jpg" alt="" width="79" height="21"
border="0"></a></td>
<td rowspan="2">
<img src="images/index_06.jpg" width="20" height="56"
alt=""></td>
<td> <a
href="contact_me/contact_me.html"><img
src="images/index_07.jpg" alt="" width="115" height="21"
border="0"></a></td>
<td colspan="4" rowspan="2">
<img src="images/index_08.jpg" width="515" height="56"
alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/index_09.jpg" width="59" height="35"
alt=""></td>
<td>
<img src="images/index_10.jpg" width="79" height="35"
alt=""></td>
<td>
<img src="images/index_11.jpg" width="115" height="35"
alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/index_12.jpg" width="19" height="870"
alt=""></td>
<td colspan="6">
<img src="images/index_13.jpg" alt="" width="325"
height="231" border="0"></td>
<td rowspan="2">
<img src="images/index_14.jpg" width="62" height="269"
alt=""></td>
<td><div id="Portfolio">
<p><span class="style1">Examples of past
work</span> <br>
<strong><br>
<span class="style9">><span
class="style23"><a
href="ScreenPoint_media_kit.ppsx">PowerPoint
</a></span></span></strong><span
class="style8"><br>
</span><strong>><a
href="feasibility_study.pdf">Financial Reports<span
class="style22"><br>
</span></a></strong> <span
class="style17"><strong>><a
href="Binder.pdf">Photoshop</a><span
class="style13"><br>
</span></strong></span><span
class="style12"><span
class="style23">></span><a
href="ProForma.xls">Excel</a><br>
</span> <span class="style18"><span
class="style23">></span><a href="
http://www.rosevilletanningsalons.biz">DreamWeaver</a><a
href="www.rosevilletanningsalons.biz"><br>
</a><span
class="style23">></span><a
href="randall_flyer.pdf">Publisher</a><a
href="www.rosevilletanningsalons.biz"><br>
</a></span><br>
<p> </p>
</div></td>
<td rowspan="5">
<img src="images/index_16.jpg" width="76" height="870"
alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/index_17.jpg" width="325" height="38"
alt=""></td>
<td>
<img src="images/index_18.jpg" width="324" height="38"
alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/index_19.jpg" width="711" height="32"
alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/index_20.jpg" width="711" height="308"
alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/index_21.jpg" width="711" height="261"
alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="58" height="1"
alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1"
alt=""></td>
<td>
<img src="images/spacer.gif" width="40" height="1"
alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1"
alt=""></td>
<td>
<img src="images/spacer.gif" width="79" height="1"
alt=""></td>
<td>
<img src="images/spacer.gif" width="20" height="1"
alt=""></td>
<td>
<img src="images/spacer.gif" width="115" height="1"
alt=""></td>
<td>
<img src="images/spacer.gif" width="53" height="1"
alt=""></td>
<td>
<img src="images/spacer.gif" width="62" height="1"
alt=""></td>
<td>
<img src="images/spacer.gif" width="324" height="1"
alt=""></td>
<td>
<img src="images/spacer.gif" width="76" height="1"
alt=""></td>
</tr>
</table>

</body>
</html>

Image Ready code, yuck. This is not the best way to build
pages in DW.
Graphics apps are good for images but they produce horrible
html code that
is rigid and won't hold up when you need to add content
later.
Very basic idea - 3 image slices brought into a CSS layout
http://alt-web.com/Image-slices-in-a-CSS-based-layout.html
More Advanced - Taking a Fireworks (or Pshop) comp to a CSS
based layout in
DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"reinfeld" <[email protected]> wrote in
message
news:[email protected]...
> My site displays correctly in IE but incorrectly in FF
and i cant figure
out
> why. I create my page in PS slice it up, import to DW,
insert div tags
for
> text and post. But FF is getting the spacing all wrong.
>
> Any help will be much appreciated.
> Here is the code
>
> <html>
> <head>
>
<title>David_Jackson_professional_website</title>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
> <style type="text/css">
> 
> </style>
> <link href="Portfolio.css" rel="stylesheet"
type="text/css">
> <style type="text/css">
> 
> </style>
> </head>
> <body leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0">
> 
> <table width="864" height="1081" border="0"
align="center"
cellpadding="0"
> cellspacing="0" id="Table_01">
> <tr>
> <td colspan="11">
> <img src="images/index_01.jpg" alt="" width="864"
height="154"
> border="0"></td>
> </tr>
> <tr>
> <td rowspan="7"><img src="images/index_02.jpg"
alt="" width="58"
> height="926" border="0"></td>
> <td colspan="2">
> <a href="index.html"><img
src="images/index_03.jpg" alt="" width="59"
> height="21" border="0"></a></td>
> <td rowspan="2">
> <img src="images/index_04.jpg" width="18" height="56"
alt=""></td>
> <td> <a
href="David_Jackson_Online_Resume.pdf"><img
> src="images/index_05.jpg" alt="" width="79" height="21"
border="0"></a></td>
> <td rowspan="2">
> <img src="images/index_06.jpg" width="20" height="56"
alt=""></td>
> <td> <a
href="contact_me/contact_me.html"><img
src="images/index_07.jpg"
> alt="" width="115" height="21"
border="0"></a></td>
> <td colspan="4" rowspan="2">
> <img src="images/index_08.jpg" width="515"
height="56" alt=""></td>
> </tr>
> <tr>
> <td colspan="2">
> <img src="images/index_09.jpg" width="59" height="35"
alt=""></td>
> <td>
> <img src="images/index_10.jpg" width="79" height="35"
alt=""></td>
> <td>
> <img src="images/index_11.jpg" width="115"
height="35" alt=""></td>
> </tr>
> <tr>
> <td rowspan="5">
> <img src="images/index_12.jpg" width="19"
height="870" alt=""></td>
> <td colspan="6">
> <img src="images/index_13.jpg" alt="" width="325"
height="231"
> border="0"></td>
> <td rowspan="2">
> <img src="images/index_14.jpg" width="62"
height="269" alt=""></td>
> <td><div id="Portfolio">
> <p><span class="style1">Examples of past
work</span> <br>
>
<br>
> <span class="style9">><span
class="style23"><a
> href="ScreenPoint_media_kit.ppsx">PowerPoint
</a></span></span><span
> class="style8"><br>
> </span>
><a href="feasibility_study.pdf">Financial
Reports<span
> class="style22"><br>
> </span></a> <span class="style17">
><a
> href="Binder.pdf">Photoshop</a><span
class="style13"><br>
> </span></span><span
class="style12"><span
> class="style23">></span><a
href="ProForma.xls">Excel</a><br>
> </span> <span class="style18"><span
class="style23">></span><a
> href="
http://www.rosevilletanningsalons.biz">DreamWeaver</a><a
> href="www.rosevilletanningsalons.biz"><br>
> </a><span
class="style23">></span><a
> href="randall_flyer.pdf">Publisher</a><a
> href="www.rosevilletanningsalons.biz"><br>
> </a></span><br>
> <p> </p>
> </div></td>
> <td rowspan="5">
> <img src="images/index_16.jpg" width="76"
height="870" alt=""></td>
> </tr>
> <tr>
> <td colspan="6">
> <img src="images/index_17.jpg" width="325"
height="38" alt=""></td>
> <td>
> <img src="images/index_18.jpg" width="324"
height="38" alt=""></td>
> </tr>
> <tr>
> <td colspan="8">
> <img src="images/index_19.jpg" width="711"
height="32" alt=""></td>
> </tr>
> <tr>
> <td colspan="8">
> <img src="images/index_20.jpg" width="711"
height="308" alt=""></td>
> </tr>
> <tr>
> <td colspan="8">
> <img src="images/index_21.jpg" width="711"
height="261" alt=""></td>
> </tr>
> <tr>
> <td>
> <img src="images/spacer.gif" width="58" height="1"
alt=""></td>
> <td>
> <img src="images/spacer.gif" width="19" height="1"
alt=""></td>
> <td>
> <img src="images/spacer.gif" width="40" height="1"
alt=""></td>
> <td>
> <img src="images/spacer.gif" width="18" height="1"
alt=""></td>
> <td>
> <img src="images/spacer.gif" width="79" height="1"
alt=""></td>
> <td>
> <img src="images/spacer.gif" width="20" height="1"
alt=""></td>
> <td>
> <img src="images/spacer.gif" width="115" height="1"
alt=""></td>
> <td>
> <img src="images/spacer.gif" width="53" height="1"
alt=""></td>
> <td>
> <img src="images/spacer.gif" width="62" height="1"
alt=""></td>
> <td>
> <img src="images/spacer.gif" width="324" height="1"
alt=""></td>
> <td>
> <img src="images/spacer.gif" width="76" height="1"
alt=""></td>
> </tr>
> </table>
> 
> </body>
> </html>
>

Error when exporting to pdf - cannot read a jpeg image, but I do not know which jpeg image.

I have created a document (A5) in Indesign cs6 with 116 pages. Because I would like to print the book I want to export it to pdf. Normally this is no problem for me, but now I got the following error: "Error encountered while reading JPEG image. Image may be damaged or incompatible. Resave the image with different settings and try again." This is quite annoying as my book contains 631 links of which most are .jpg. Does anyone know how I can find out which picture gives the error?
What is remarkable is the following. As it is a very large file InDesign automatically splitted it in subsections (with names like 'A5 V' or 'A5 V3'). To get closer to the problem I tried to export each subsection (all between 3 and 30 pages) to pdf. But somehow I managed to do this, so one might think that there is nothing wrong with the document at all. But when I try to expor the document as a whole again I still get this error about the JPEG image. It takes a couple of minutes (somewhere between 30 and 40% of the exporting) before I get the error.
Is there anything I should have tried which I forgot? I hope anyone can help me with this problem.

If you are able to export as sections it's almost certainly not actually a problem with the image, but a problem of not enough system resources to finish the job. This is not uncommon with large complex PDF exports.
Try rebooting, then immediately open ID and try the export again first thing. If it works, great. If not, you can combine your sections into a single PDF in Acrobat Pro.

Does anyone know if there is an HTML 2 Image Rendering tool?

I am looking for some Java API that converts HTML to Image on the server side. There are a number of desktop utilities that take an HTML file as input and render image, but I am looking for a Server Side solution. I found WebRenderer, but it is involves huge cost (runs into thousands). I am looking for something that gives us good ROI, may be a couple of 100s of dollars wouldn't hurt.

Can't recall any suitable API but you can try to run one of mentioned above applications with java.lang.Runtime.exec()

In PSE 13, when I open a folder, jpeg files have a preview image, but PSD, DNG and CR2 files don't. Also, no thumbnail below the file list.

Working in PSE 13, when I open a folder, jpeg files have a preview image, but psd files just have white sheet of paper as preview. I have to open the file to be able to see it. Also, there is no thumbnail of the file below the file list.Surely, there's a setting that needs to be changed. I did not have this problem with Elements 12. This is a real bother because I have to use Lightroom to see all the file types. It seems as if Elements is using the standard Windows file loader that can't show previews of file types it doesn't know including .PSD, DNG and CR2. Is that a bug or did I do something wrong? Thanks for any help.

I am using Windows 7 64 bits. Working in the editor, I never use the organizer. The screen above is not the same at all that I got in Elements 12, it was completely different and showed me a thumbnail below the listing when I single clicked on one of the files. In Elements 12, I also could see a thumbnail of all the file types, not only the jpegs. It is as if the loader is the regular Windows used anywhere, not the right one for Elements. I hope someone understands my problem.. Thanks.
Mike

Open pdf and the text is in written in wrong font

hi
i have a problem with my illustrator.
i created a pdf file a long time ago. the text is written in times new roman regular.
now when i open the pdf in illustrator it shows a wrong font. i think the wrong font could be new times romance or something)
but if mark the text and change the font from regular in bold, it shows the right font (times new roman bold).
how can i change back the text in times new roman regular?
im using cs4 on win7. already checked the fonts in systemfolder
thanks a lot
thanks

i deleted and nothing happened.
edit: i checked the the font with an fontanalyzer. it seems that the font was not new times romance. i deleted the analyzed font and now illustrator showe me the right font.
thanks

Can't select text when export in HTML and Images

I am entirely new to Fireworks and I can't find anyone to teach me Adobe Fireworks. I followed some youtube tutorials but most of them are vague. I am still figuring the way to export from Fireworks to Dreamweaver, without affecting its contents like bitmap images and the text. When I export in HTML and Images format and opened the htm file, I can't select the text I've inserted in Fireworks. Can anyone tell me what I should do?

I cant scroll below or above viewable section of text in any of my Macbooks, iMac, Mac Mini. Never have been able to, never could, except by pressing the arrow keys whilst selecting, to move up or down.
Its stupid
I dont have flash installed (never will do since my first virus of video ad sound running in background from Cnet was downloaded and kept returning until i deinstalled flash).
I believe that this is a universal issue because none of my Macs can scroll out of screen when selecting text, which as a webmaster and developer, is a pain in the butt
My issue is not in word documents, its in everything

Most times when I import photos from my desktop or dropbox to iPhoto, iPhoto will keep the title I created for the image as the display title under the image. but occasionally it displays the filename instead and I have to go back through and reenter

most times when I import photos from my desktop or dropbox to iPhoto, iPhoto will keep the title I created for the image as the display title under the image. but occasionally it displays the filename instead and I have to go back through and reenter the title in iPhoto. why the inconsistency? running OS 10.9.5 and using iPhoto 9.5.1

Try this: select one of the photos that are showing the wrong title and use the Photos ➙ Batch Change ➙ Title to File Name menu option.
See if that will put the name that you want under the thumbnail.

Adding image BUT not overwriting field info? Or Not saving name to DB?

I've got a database that calls the image by a link using an image path:
/images/jewelry1.jpg
The image field contains the full path in its thumbnail field or its full
size directory.
I've created an insert record behavior which allows the client to create the
path, but I want her to be able to upload the images.
Right now, the image upload and resize behavior demands a table field, but I
can't use the thumbnail field or it will overwrite the
/thumbnail/jewelry1.jpg with the image name jewelry1.jpg and I'll lose the
path.
How can I add images to the directories without updating the the wrong
fields? The same problem exists for the multiple file/image uploads. It not
only asks for the images, but then wants to save the names to a database.
Thanks

Sorry. I'll take care that this wont happen again.
I've two more queries. How do I store this image in a database. I'm using Access database and defined a field as OLE Object which allows me to store as either Linked or embedded object. Should I store the captured image directly or the buffered Image.
1) Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
Connection db=DriverManager.getConnection("jdbc:odbc:ds1","","");
Statement st=db.createStatement();
String str="insert into visitor (name,photo) values('"+t1.getText()+"','"+img+"')";
int rs=st.executeUpdate(str);
if (rs==1)
System.out.println(t1.getText());
2) The JFields whatever I've defined allowing me to enter more than what I've defined. How do I restrict those fields to the no of characters I wanted.

Using HTML component Images within a tilelist

I have a very complicated problem and I'm not sure it's even within my ability to achieve if at all but basically in my AIR application I currently have a tilelist populated by a data provider of images which are essentially thumbnail snapshots I've made of websites. When each of these images is clicked within the tilelist they take the user to that specific site. I now however want these images to be live i.e. they change as the site changes.
I've decided to use html components for all of these sites to get these images but I now want these images to be set up as a dataprovider for a tilelist. It's hard to explain so to show what I mean I've made the following code. Basically I want the 2 images/displays that are displayed within the 2 html components to be static i.e. the user can't interact with the sites through them but can simply click on them to go to the site and to be put within a dataprovider somehow that will act as the dataprovider for the imageDisplay tilelist Complicated I know but the guy I'm making the app for wants the images of sites to update themselves and this is the easiest way to do it I've heard :-
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication
xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Canvas width="100%" height="100%">
<mx:HTML id="content1" location="http://www.adobe.com/" width="300" height="300"/>
<mx:HTML id="content2" location="http://www.google.com/" x="308" width="300" height="300"/>
<mx:TileList x="0" y="308" width="772" height="300" id="imageDisplay"></mx:TileList>
</mx:Canvas>
</mx:WindowedApplication>

To show you what I mean better here is a partial bit of my code from my existing app in which I've just used static images in the tilelists. The real app is much more advanced but this is to just give you an idea. Users can drag site icons displayed in a tilelist into their own tilelist and then click the save button so these icons will still be in their tilelist when they restart the app. I used the shared object method for this to get it to save these details. As you can see in my code starting at around line 33 I've used an array collection for this. What I need is to somehow get these html live images into that array collection as opposed to the static jpgs I have at the moment.
<?xml version="1.0" encoding="utf-8"?><mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initprofile1NewsAndSportSO();">
<mx:Script>
<![CDATA[
[Bindable][
Embed(source="assets/images/bbcnews_small.png")]
public var image5:Class;
Bindable][
Embed(source="assets/images/itv_small.png")]
public var image7:Class;
Bindable][
Embed(source="assets/images/skynews_small.png")]
public var image10:Class;
]]>
</mx:Script>
<mx:Script>
<![CDATA[
private function profile1NewsAndSportAddButtonClickHandler():void{
for each(var a:uint in profile1NewsAndSportAddLinksTilelist.selectedIndices){
if(profile1NewsAndSportLinkChoice.dataProvider != null){
if(!ArrayCollection(profile1NewsAndSportLinkChoice.dataProvider).contains(ArrayCollection(pr ofile1NewsAndSportAddLinksTilelist.dataProvider).getItemAt(a))){ArrayCollection(profile1NewsAndSportLinkChoice.dataProvider).addItem(ArrayCollection(profi le1NewsAndSportAddLinksTilelist.dataProvider).getItemAt(a));
ArrayCollection(profile1NewsAndSportAddLinksTilelist.dataProvider).removeItemAt (a);
else{profile1NewsAndSportLinkChoice.dataProvider.addItem(ArrayCollection(profile1NewsAndSportAd dLinksTilelist.dataProvider).getItemAt(a));
ArrayCollection(profile1NewsAndSportAddLinksTilelist.dataProvider).removeItemAt(a);
private function profile1NewsAndSportRemoveButtonClickHandler():void{
for each(var a:uint in profile1NewsAndSportLinkChoice.selectedIndices){ArrayCollection(profile1NewsAndSportAddLinksTilelist.dataProvider).addItem(ArrayCollection (profile1NewsAndSportLinkChoice.dataProvider).getItemAt(a));
ArrayCollection(profile1NewsAndSportLinkChoice.dataProvider).removeItemAt(a);
]]>
</mx:Script>
<mx:Script>
<![CDATA[
import mx.collections.*;
import flash.net.SharedObject;
public var profile1NewsAndSportSO:SharedObject;
private var profile1NewsAndSportaddLinksFullAC:ArrayCollection = new ArrayCollection([{link:
"www.bbcnews.com", label:"BBC News", icon:"image7", largeImage:"assets/images/bbcnews_small.png", title:"BBC News", description:"BBC News description will go here"},{link:
"www.itv.com/", label:"ITV", icon:"image5", largeImage:"assets/images/itv_small.png", title:"ITV", description:"ITV Description will go here"},{link:
"www.skynews.com", label:"Sky News", icon:"image10", largeImage:"assets/images/skynews_small.png", title:"Sky News", description:"Sky News Description will go here"}]);
private var profile1NewsAndSportaddLinksAC:ArrayCollection = new ArrayCollection([{link:
"www.bbcnews.com", label:"BBC News"},{link:
"www.itv.com/", label:"ITV"},{link:
"www.skynews.com", label:"Sky News"}]);
private function profile1NewsAndSportReset():void{resetprofile1NewsAndSportAC();
profile1NewsAndSportAddLinksTilelist.dataProvider
= profile1NewsAndSportaddLinksAC;
profile1NewsAndSportLinkChoice.dataProvider =
new ArrayCollection([]);}
private function resetprofile1NewsAndSportAC():void{profile1NewsAndSportaddLinksAC.removeAll();
for each(var obj:Object in profile1NewsAndSportaddLinksFullAC){profile1NewsAndSportaddLinksAC.addItem(obj);
private function initprofile1NewsAndSportSO():void{profile1NewsAndSportLinkChoice.dataProvider =
new ArrayCollection();profile1NewsAndSportAddLinksTilelist.dataProvider =
new ArrayCollection();profile1NewsAndSportSO = SharedObject.getLocal(
"profile1NewsAndSport");
if(profile1NewsAndSportSO.size > 0){
if(profile1NewsAndSportSO.data.profile1NewsAndSportaddList){
if(profile1NewsAndSportSO.data.profile1NewsAndSportaddList != "empty"){
var profile1NewsAndSportaddList:Array = profile1NewsAndSportSO.data.profile1NewsAndSportaddList.split(",");
var profile1NewsAndSporttempAC1:ArrayCollection = new ArrayCollection();
for each(var str:String in profile1NewsAndSportaddList){
for each(var obj1:Object in profile1NewsAndSportaddLinksAC){
if(str == obj1.label){profile1NewsAndSporttempAC1.addItem(obj1);
continue;}
if(profile1NewsAndSporttempAC1.length > 0){profile1NewsAndSportAddLinksTilelist.dataProvider = profile1NewsAndSporttempAC1;
if(profile1NewsAndSportSO.data.profile1NewsAndSportchoiceList){
var profile1NewsAndSportchoiceList:Array = profile1NewsAndSportSO.data.profile1NewsAndSportchoiceList.split(",");
var profile1NewsAndSporttempAC2:ArrayCollection = new ArrayCollection();
for each(var str2:String in profile1NewsAndSportchoiceList){
for each(var obj2:Object in profile1NewsAndSportaddLinksAC){
if(str2 == obj2.label){profile1NewsAndSporttempAC2.addItem(obj2);
continue;}
if(profile1NewsAndSporttempAC2.length > 0){profile1NewsAndSportLinkChoice.dataProvider = profile1NewsAndSporttempAC2;
else{profile1NewsAndSportReset();
private function saveprofile1NewsAndSport(event:MouseEvent):void{
var profile1NewsAndSportaddList:String = "";
if(profile1NewsAndSportAddLinksTilelist.dataProvider){
if(ArrayCollection(profile1NewsAndSportAddLinksTilelist.dataProvider).length > 0){
for each(var obj1:Object inprofile1NewsAndSportAddLinksTilelist.dataProvider){
profile1NewsAndSportaddList += obj1.label +
else{profile1NewsAndSportaddList =
"empty";}
profile1NewsAndSportSO.data.profile1NewsAndSportaddList = profile1NewsAndSportaddList;
var profile1NewsAndSportchoiceList:String = "";
for each(var obj2:Object inprofile1NewsAndSportLinkChoice.dataProvider){
profile1NewsAndSportchoiceList += obj2.label +
profile1NewsAndSportSO.data.profile1NewsAndSportchoiceList = profile1NewsAndSportchoiceList;
profile1NewsAndSportSO.flush();
]]>
</mx:Script>
<mx:Button click="profile1NewsAndSportReset()" id="reset" label="
Reset" y="5" height="25" x="5"/>
<mx:TileList id="profile1NewsAndSportLinkChoice" fontWeight="bold" dragEnabled="
true" dragMoveEnabled="true" dropEnabled="true" height="129" width="
650" top="10" left="519" columnCount="5" rowHeight="145" columnWidth="
125" backgroundColor="#000000" color="#FFFFFF"creationComplete="profile1NewsAndSportLinkChoice.selectedIndex=0"
/>
<mx:TileList id="profile1NewsAndSportAddLinksTilelist" fontWeight="bold" dragEnabled="
true" dragMoveEnabled="true" dropEnabled="true" height="129" width="
385" top="10" left="126" columnCount="3" rowHeight="145" columnWidth="125" backgroundColor="
#000000" color="#FFFFFF"creationComplete="profile1NewsAndSportAddLinksTilelist.selectedIndex=0"
/>
<mx:Button click="saveprofile1NewsAndSport(event)" id="save" label="Save Changes" x="
5" y="38" width="113" height="25.5"/>
<mx:Button x="126" y="147" label="Add" id="profile1NewsAndSportAddSelectedLinkButton" click="profile1NewsAndSportAddButtonClickHandler()"/>
<mx:Button x="519" y="147" label="Remove" id="profile1NewsAndSportRemoveSelectedLinkButton" click="profile1NewsAndSportRemoveButtonClickHandler()"/>
</mx:WindowedApplication>

Prints with wrong font and drops letters. Preview shows font correctly.

I'm having problems printing some pdfs in Leopard. The preview shows correctly but the resulting printout is in the wrong font and has missing letters. Specifically every time there are two 'f' in sequence they get left out.
Printing the same files on Tiger or even (Sigh) Windows yield the correct result. I've tested this with 3 printers (OKI C5800, Canon iR5000 and Canon iR C2620N). All with the same result.
The pdf in question were created with LaTeX.
Has anybody experienced something similar? What could be wrong?
I can provide the sample .pdf file if necessary.

After upgrading to Leopard, I was having trouble with my Samsung printer (ML-2150). Samsung hasn't upgraded the driver since OS 10.3, and it doesn't seem likely that they will ever do it. I found that the Linux-Foundation has an open source driver, which is compatible with a lot of printers. I downloaded the three components, and my Samsung is working perfectly now.
I would suggest that you give it a try, here is the link:
http://www.linux-foundation.org/en/OpenPrinting/MacOSX/hpijs

Html to image but wrong font

Similar Messages

Maybe you are looking for