Displaying a text font of image without highlight background in a html
Skip to first unread message
Amir
Nov 7, 2009, 6:29:42 AM11/7/09
to JODConverter
I have created a simple html which contains an images and a text. That
text is font of the image, and you can show it by Web Browser (ex IE)
There are a lot of tag properties for html to displaying images and
texts and I used "position: absolute" in both image and text tags for
displaying text on the image:
... style="position: absolute;
By the way, I am able to convert my html to pdf, but the text was
displayed with a white background like a white text highlight on the
image.
I desired show that text in front of image without highlight
background.
I brought my sample code here:
<!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-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=unicode" /
>
<title>Test</title>
</head>
<body>
<p><img alt="" src="file:///c:/signature.jpg" width="320" height="211"
style="position: absolute; left: 33px; top: 12px; float: left;"/></p>
<p style="width: 222px; height: 36px; position: absolute; top: 93px;
left: 95px">
Jack Holborn</p>
</body>
</html>
Regards
-- Amir
text is font of the image, and you can show it by Web Browser (ex IE)
There are a lot of tag properties for html to displaying images and
texts and I used "position: absolute" in both image and text tags for
displaying text on the image:
... style="position: absolute;
By the way, I am able to convert my html to pdf, but the text was
displayed with a white background like a white text highlight on the
image.
I desired show that text in front of image without highlight
background.
I brought my sample code here:
<!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-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=unicode" /
>
<title>Test</title>
</head>
<body>
<p><img alt="" src="file:///c:/signature.jpg" width="320" height="211"
style="position: absolute; left: 33px; top: 12px; float: left;"/></p>
<p style="width: 222px; height: 36px; position: absolute; top: 93px;
left: 95px">
Jack Holborn</p>
</body>
</html>
Regards
-- Amir
Mirko Nasato
Nov 7, 2009, 10:09:03 AM11/7/09
to jodcon...@googlegroups.com
Hi Amir,
There's no much point in testing your HTML in IE; you should check
that it displays correctly in OpenOffice.org Writer instead. Did you
read the FAQ?
http://code.google.com/p/jodconverter/wiki/FAQ
Kind regards
Mirko
2009/11/7 Amir <amirsha...@gmail.com>:
There's no much point in testing your HTML in IE; you should check
that it displays correctly in OpenOffice.org Writer instead. Did you
read the FAQ?
http://code.google.com/p/jodconverter/wiki/FAQ
Kind regards
Mirko
2009/11/7 Amir <amirsha...@gmail.com>:
Reply all
Reply to author
Forward
0 new messages