Skip to main content
November 29, 2006
Question

Gradient as a Table Background Works, but Color is Wrong

  • November 29, 2006
  • 2 replies
  • 1402 views
Hi:

I've created gradients in Web pages as well as in tables in Web pages, but I can't seem to get it to work properly in WebHelp. I can get the gradient to display in a table, but the colors are not right--it is dark blue to black (close to my skin colors?); the color should have been pale grey to white. I want to put the gradient in the page header or in the page header table. Either will work for me. I don't want the whole page to have a gradient, only the header.

After entering the code in Truecode, after I save the file and go back and look at the page, the color delimeters are gone! The rest of the code is there. Weird.

Robohelp keeps everything in the statement up to "Microsoft.Gradient" and discards the rest consisting of (endColorstr='#EEEEEE', startColorstr='#FFFFFF', gradientType='0');" which is what determines the colors. RoboHelp also as changes the single quotes and adds spaces.

Here is the code I used, after the last !. Any suggestions would be welcome.

!===!<p>Gradient Table Example</p>
</p>
<table border="1" width="100%" id="table1">
<tr>
<table style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#EEEEEE', startColorstr='#FFFFFF', gradientType='0');"</style width="1036">

<td>Table is here.
<p> </td>
</tr>
</table>



Regards,
Diana
This topic has been closed for replies.

2 replies

Peter Grainge
Community Expert
Community Expert
December 8, 2006
What Diana hasn't mentioned here is that she is creating merged webhelp, unless we are talking about a different project.

If Diana or anyone else goes down the route of using Dreamweaver as the editor with a merged project setup, you would need to set up the source project as a "site" in Dreamweaver to make creating cross project links easier.

If you don't take that simple step, Dreamweaver will create absolute paths with the resultant mayhem.

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
Inspiring
December 8, 2006
quote:

Originally posted by: Peter Grainge
If you don't take that simple step, Dreamweaver will create absolute paths with the resultant mayhem.

Oops, I didn't realize there was merged webhelp involved.
Thanks for clarifying that, Peter.
Inspiring
November 29, 2006
Hi Diane.

Here's more of a workaround solution... There could be those more technically savvy than myself willing to chime in.

This could just be RoboHelp TrueCode's special little way of saying "I don't think so!"

I'd suggest modifying everything that you need to in WYSIWYG, generate, and then go to where your HTML files are (that you want to add the gradients to), and then add the gradient code in Notepad.

Then don't go back into that file with WYSIWYG in RoboHelp! Otherwise chances are good that RoboHelp will get its fingers in there and mess your code up again.
Inspiring
November 30, 2006
Or, change your default editor to DreamWeaver, or something equally non-meddlesome....
November 30, 2006
Hah, I wish! I need the WebHelp TOC though. I've used Dreamweaver and RoboHelp to create WebHelp before. It worked like a charm :-)