[M.Shokan]

Greetings Everyone,

I am using classic ASP language and I would like to convert the page into Word Document.

I used the below line:
Response.ContentType = "application/ms-word"

It works fine with me except that the background images at the chart are not showing into the Word Document after conversion.

Below is the code for the chart that is not showing:


StyleSheet Code:

ul.xAxis{margin:0 0 0 27px;padding:0;float:left;clear:left;display:inlin e;width:454px;}
ul.yAxis{margin:27px 0 0 0;padding:0;display:inline;float:left;}
ul.xAxis li{float:left; list-style:none;width:66px;text-align:center;}
ul.yAxis li{
list-style:none;
height:33px;
text-align:right;
float:left;
clear:left; }
dl#csschart, dl#csschart dt, dl#csschart dd{
margin:0;
padding:0; } 
dl#csschart{
background:url(../images/ESR-Graph.gif) no-repeat 0 0;
width:265px;
height:150px;
padding-left:11px;
float:left; } 
dl#csschart dt{
display:none; }
dl#csschart dd{
position:relative;
float:left;
display:inline;
width:66px;
height:330px;
margin-top:22px; 
margin:-195px 0px 11px 0px } 
dl#csschart span{
position:absolute;
display:block;
width:66px; 
bottom:0;
left:0; 
z-index:1;
color:#555;
text-decoration:none; } 
dl#csschart span b{
display:block;
font-weight:bold;
font-style:normal;
float:left;
line-height:200%;
color:#fff;
position:absolute;
top:5px;
left:3px;
text-align:center;
width:60px; } 
/* default column styling */ 
dl#csschart span{
height:50%;
background:url(../images/bar.png); } 

dl#csschart .sub{
margin-left:-33px;

}
dl#csschart .sub span{
background:url(../images/subBar.png) repeat-y;
}
/* // column types */ 
/* percentages */
dl#csschart .p0 span{height:0%}
dl#csschart .p15 span{height:10%;}
dl#csschart .p20 span{height:14%}[/i][/font]
[b]HTML Code:[/b]

[font="Comic Sans MS"][i]<table border="1" cellpadding="0" cellspacing="0" width="75%" align="center">
<tr>
<td align="center">

<ul class="yAxis">
<li>45</li>
<li>30</li>
<li>15</li>
</ul>

<dl id="csschart">

<dt></dt>
<dd class="p0"><span><b></b></span></dd>

<dt>Week</dt>
<dd class="p20"><span style="background-image:url(images/bar2.png)"><b>20</b></span></dd>

<dt>YTD</dt>
<dd class="p15"><span><b>15</b></span></dd>
</dl>

<ul class="xAxis">
<li></li>
<li>Week</li>
<li>YTD</li> 
</ul>
</td></tr></table>

I need your help to resolve this issue.

Thanks,

This post has been edited by Renaissance-Design: 17 January 2012 - 08:38 AM

[Renaissance-Design]

We provide a code button (<>) on the editor to format source code: it uses a fixed-width font and syntax highlighting to make it easier to read.

Italic Comic Sans is not easy to read. Guess which we'd prefer you to use?

[M.Shokan]

Thanks Renaissance-Design to re-format my post.

It is a challenge. I could not find a solution for this issue even after searching the internet.

[Renaissance-Design]

Word doesn't support background-images, IIRC.

That's a deduction from the fact that when Outlook moved from IE to Word as its HTML renderer, it stopped supporting background-images.

This post has been edited by Renaissance-Design: 17 January 2012 - 11:21 AM

[M.Shokan]

Do you have HTML, ASP, JS, CSS chart code that can be converted into Word?
This means that it should not include a background image.

Thanks for your support

[M.Shokan]

Any Help ???

[oakleaves]

I would help but from my brief dabbling with Microsoft's way of doing things I quickly learned that they have a habit of making even the most simplest of tasks complicated.

I am not surprised you could not find answers from an internet search.


Sorry.