RoboHelp 9 html, Images with frames are underlined

Hello all,
When I generate an RH html project for an FrameMaker document, all images that had an arrow or circle "added" to them in FM, are followed by a line in RoboHelp. See the screenshot below for illustration. When I remove the frames, no line is shown in RH. I guess there must be a setting that reacts to frames in that specific way - does anyone know where exactly this can be fixed?
Thank you.

Here's what I have in the source Frame document (FM10):
And that's what I get when the RH project is generated (not just with one image but throughout the book):
Thanks!

Similar Messages

Having trouble showing an Iview in a HTML page with frames format

Hi, I have a public webpage with 3 frames (top, navigation and content)
In the content part has to be showed a portal anonymous page.
I created the anonymous portal page that shows me a Webdynpro that I created, works fine. But when I put the link in the frame of the public webpage, is like the page entered in a loop and nothings is showed.
But if in the frame I put the direct Webdynpro link works fine but the Custom colors that I set in portal doesnt works (and this is important).
Any1 know how can I do to put an anonymous portal page inside a frame html without lossing the colors that I replace in the theme editor.

sun1977 wrote:
Hi,
I have the Home page which has the usual static text. I was looking for the option of showing some data on that page like
1. last data load date which will have to be selected from the database. Do we just create a dynamic action on the HTML page? Going to try this now. But just wondering if there is a proper way to do this?
Just to be a little more specific. I have static text in <Table> tags in a plain HTML page. So within the <TABLE> tags which is in the text source, Can I call bind values or PL/SQL procedures?. Was looking for some ideas on this.There are several options. One is to create hidden page or application items set using queries in item source, computations or processes. These can be referenced in HTML region source (and other places) using the static text exact substitution notation:
&P1_ITEM.Another is to replace the HTML region with a report region using a custom report template. If there are a number of related values to display this is likely to perform better as only one query is involved.
Unless these values respond dynamically to changes on the page there is no call to use Dynamic Actions.
2. Insert the audit field with the SSO username. Any idea which variable stores the username which maybe can be passed to the trigger to update before an insert/update.Use the built-in <tt>APP_USER</tt> substitution string. For this purpose normally in a database trigger including a fall-back value to cope if the table is modified outside of your APEX app:
:new.modified_by := nvl(v('app_user'), user);

What would cause images with captions to not show up?

Still struggling with this issue. Images with captions are not showing up on the iPad preview.
Please help!
Thx!

Hi Andrew,
I have been struggling with this for days. I am working on it with Apple. We re-installed the software, I re-installed OSLion, I re-started in safe mode, looked at startup items, cache, etc.
Now I am about to create a partition and test again to determine if the issue is with another software program on my system.
BTW, I noticed this starting AFTER I upgraded to 1.1, but maybe that is a coincidence. Do you know if it started for you after the update? ALSO, check your help screen in IBA. Does it look the attached? This started happening at the same time as the caption/image issue.
Please stay in touch as you the first person other than myself (that I know about), who is having this issue.
I look forward to hearing if you have the Heklp issue.
THANKS!
Belinda

Losy images after importing Word document into RoboHelp 7 HTML

We imported a simple Word document into RoboHelp 7 HTML, as a
new project (from scratch).
Everything worked out pretty well (afterall, this was just a
simple Word document), and we expect to have to tweak the styles,
etc. That is understood.
However, the images that were embedded in the Word document
(as opposed to saved to disk, and only linked to the Word document)
do not look very nice in the RoboHelp 7 HTML project topics.
When we browse to the iamge folder, and view the actual image
files, these images do not look too bad. But in the Design View,
the images have display issues (solid color bars on the
sides/top/bottom of the images). When we compile to a Single Source
Layout (except PDF), the images look fine again. When we create
Printed Documentation, even for the best PDF-settings, the images
look terrible -- smudgy, like low resolution quality).
1) Except for storing the images outside of the Word document
before importing, and then manually linking them back into the
imported RoboHelp HTML files, is there a way to maximize the
quality of the imported Word images in RoboHelp HTML?
2) Why doe the images look worse in Printed Documenation
(PDF), even for the highest PDF settings, than for the other Single
Source Layouts?
While I am typing, I realized that we should try to include
the images in Word via a link to the image files on disk. Perhaps
then RoboHelp will not actually modify the image files during
import. I will report back about this one.
Your help will be greatly appreciated!

Looks perfect, works terribly...
Things to consider:
Chances are, the different treatments of the space are due to whether the space was included in the bolding of the word in MS Word.
Additionally, since Word files contain much underlying binary code (macros and such), your security settings might or might not be playing well with the Word stuff.
Are you importing the Word file from a network location, or from your local machine? Network traffic might be partially impacting the import, too.
Bottom line? You'll probably need to clear all formatting in the Word file and redo the formatting properly. To test this, cut a couple of pages into a new Word file, clear and redo the formatting in Word, import the Word file into another RH project, and see what results you get.
To clear the formatting:
Select text.
On the Home tab, in the Font group, click Clear Formatting.
Redo the formatting, being careful to not format the spaces.
Good luck,
Leon

Mass Image Change within RoboHelp 7 HTML

I am a new user to RoboHelp and have recently inherited a project form another person.
The project was created using RoboHelp 7 HTML
In this large help project there are over 700 images each named Image1, Image2, Imange3,.....Image700.
Now alot of these images needs to be edited, changed, or all together redone. Is there a way to do find for Image365 and replace it with an updated image called Img_BetterDescriptiveName?

Hi folks
In addition to what my esteemed colleague Peter offered, you would probably be able to use a good Find and Replace tool to accomplish this by having the tool trawl through all the HTML pages and perform the deed.
ReplacEm or FAR wold probably work well for this.
I'd avoid using the Find and Replace tool included with RoboHelp.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 moments from now - $24.95!
Adobe Certified RoboHelp HTML Training
SorcererStone Blog
RoboHelp eBooks

How do I source an image with HTML in Adobe Muse?

Hello, I am wanting a horizontal slideshow for images and I got the code to work nicely in my muse website and all I need to do now if populate it with images. I have looked into the syntax for placing an image and I am not too sure how to handle the sourcing (as I've never done code before). It's to go something like this:
<img src="url" alt="some_text">
I have the images to place in the slideshow sized, cropped, and ready to go in, but I do not know how the input the syntax to "source" my images - they are just sitting in a folder in "my pictures" on my desktop. My workplace has a server where we all can access the same files...will that help? I've seen where people reference images in their code simply by typing the web address of their website with the image name at the end....which confuses me! -> how do I upload an image to my Muse website without it being seen and then reference it in a slideshow? That process doesn't seem to make sense. I'm lost! Help please!

Here are a couple o links that will help in your quest and will answer 95% of your questions.
http://www.w3schools.com/html/html_images.asp
http://www.htmlgoodies.com/primers/html/article.php/3478181/Basic-HTML-Images.htm
http://www.adobe.com/products/business-catalyst/faq.html
http://www.w3schools.com/js/default.asp
http://jquery.com/
The other 5% is how well will Muse play with all that. To that I cannot answer fully because I haven't tested every scenario. Again, the inherent nature of Muse is "designed" to stray away from custom coding. Also in your previous post it is a little unclear as to your where all your Muse folders/files are residing. IE: on your companies server or on BC or a bit of both. I know ultimately all your trying to do is point to something. Seems simple enough right? And there may in your developement come a time when you need the more advanced CMS features, which is why BC seems logical.
What you find along the way is that it can get more involved then you anticipated. Certainly if you can make it work then go for it. The problem is at times, while things can seem simple in theory, without sufficient practice employing those theories (the coding/the syntax) then any # of errors can happen leaving you scratching your head and cursing why you bothered in the first place. Another option is to rethink your strategy. Is it really all that important to have the uber cool linear continuous scrolling effect? Will this define my site? Can I implore some imagination and thinking and make it easier on myself by using the tool at hand (Muse) to it's max to achieve the end goal?
Just some food for thought but as previously stated if you can make it work then go for it. And if the mods or other users can be of more help than I, then that would be great as well!
Happy Holidays, good luck, and please report your findings :-)
Edit - With so much going on myself, I forgot to mention that (when you have all your i's dotted and t's cossed) you could try inserting the script into the html for head feature via the metadata tab in your page properties.
Message was edited by: GVD321

Framing image with transparent background png frame

hi,
i'm trying to find a way to frame images with transparent background png frames...
what i'm doing now is
1-drawing my image on a panel
2-creating a 2nd image using the frame's filename, stretching this 'frame-image' to a size slighlty larger than that of my main image and drawing the 'frame-image'
the problems with this method are:
1-depending on the width of the frame, the frame sometimes hides parts of the image (thick frame), and sometimes there is a gap between the frame and the image (thin frame).
2-if the image file containing the frame is larger than the frame (Ex: The image is 300x300, the frame is centered in this image and is 200x200; as opposed to the image is 200x200 and the frame takes up all the space), when i position the 'frame-image' near the top left corner of the image i want to frame, the frame appears at the wrong place (shifted down and to the right). This is due to the fact that i'm placing the top corner of the created 'frame-image' and not the frame, who is not in the top corner of my 'frame-image'.
Is there a way to do what i'm trying to do???
My ideas (which i don't know how to achieve are)
1-To 'analyse' my transparent background png file and
     1-only keep the frame,
     2-calculate the frame's thickness
OR
2-Let java do the analyzing for me and tell it to frame my image with the frame in the png file
please feel free to ask for more explanations if my description/question is confusing,
thanks.

Have you looked into the Border interface? If what you really want to do
is put a custom border on a component, you may be able to do it this way.
Anyway, here is some code that stacks and centres 2 images. It's not hard to do.
import java.awt.*;
import java.awt.image.*;
import java.io.*;
import java.net.*;
import javax.imageio.*;
import javax.swing.*;
public class Example extends JComponent {
    private BufferedImage backgroundImage;
    private BufferedImage foregroundImage;
    public Example(BufferedImage backgroundImage, BufferedImage foregroundImage) {
        this.backgroundImage = backgroundImage;
        this.foregroundImage = foregroundImage;
    public Dimension getPreferredSize() {
        int w = backgroundImage.getWidth();
        int h = backgroundImage.getHeight();
        return new Dimension(w, h); //assuming this is bigger
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        int w = getWidth();
        int h = getHeight();
        //paint both, centred
        int x0 = (w-backgroundImage.getWidth())/2, y0 = (h-backgroundImage.getHeight())/2;
        g.drawImage(backgroundImage, x0, y0, null);
        int x1 = (w-foregroundImage.getWidth())/2, y1 = (h-foregroundImage.getHeight())/2;
        g.drawImage(foregroundImage, x1, y1, null);
    public static void main(String[] args) throws IOException {
        URL url1 = new URL("http://weblogs.java.net/jag/Image54-large.jpeg");
        URL url2 = new URL("http://weblogs.java.net/jag/DukeSaltimbanqueSmall.jpeg");
        JComponent comp = new Example(ImageIO.read(url1), ImageIO.read(url2));
        final JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(comp);
        f.pack();
        SwingUtilities.invokeLater(new Runnable(){
            public void run() {
                f.setLocationRelativeTo(null);
                f.setVisible(true);
}

How Mail work with image attachements and HTML image ?

Hello,
I'm writing an application that sends html emails with images to Mail.app. When Mail display the mail, everything is okay, images are correctly embedded in html code, using inline attachements.
But there's still a problem : The images are also displayed at the bottom of the email, as file attachements. I know that Mail's template can hide these attachements, but I cannot reproduce it when sending my own emails.
Is there anybody here that already get such problem and find the solution ? (apparently, Windows User get the same problem with Outlook, but they have an API under Windows...I'm using my own email API..)
David

David can you share how you managed to get the inline images to work. I've got the general idea of how to do it. But I do not seem to be able to change the Content-Type to multipart/mix. Can you point me in the right direction. Should the Content-Type definition and everything else be part of the body? Or should some headers (namely the multipart) be defined in the mailto URL format?
In other words do you do: mailto:?subject=test&Content-Type=multipart/mix;%20boundary=myBoundary&body=--m yBoundary etc...
Or id it: mailto:?subject=test&body=Content-Type=multipart/mix;%20boundary=myBoundary%20- -myBoundary etc..
Neither seems to work for me so I am really stuck. But knowing what the right way is would help me figure things out a bit better.
Thanks in advance

To group images with created text frame and apply label for it...

Hi Everyone,
We are currently working in auto figure placements for CS3. I have placing the figures into the document. Then i am creating figure caption text frames below the images. Here the concern is i need to group these image and the text box. After this i have to place these images with captions into corresponding pages where the figures have been cited. Also suggest me how to place these images in center of the page as well as in top or bottom of the page margin.
Can anyone help me for this. Your help will be much appreciated.
Below is my modified script,
var myPage;
main();
function main(){
    var myFilteredFiles;
    app.scriptPreferences.userInteractionLevel = UserInteractionLevels.interactWithAll;
    myExtensions = [".jpg", ".jpeg", ".eps", ".ps", ".pdf", ".tif", ".tiff", ".gif", ".psd", ".ai"]
    var myFolder = Folder.selectDialog("Select the folder containing the images", "");
    if(myFolder != null){
            if(File.fs == "Macintosh"){
                myFilteredFiles = myMacOSFileFilter(myFolder);
            else{
                myFilteredFiles = myWinOSFileFilter(myFolder);
            if(myFilteredFiles.length != 0){
                for (j=0; j<myFilteredFiles.length; j++){
                    var myImages = myFilteredFiles[j];
                    citePage(j);
                    app.activeDocument.pages.item(myPage.name).place(myImages);
                    alert("Done!");
function myMacOSFileFilter(myFolder){
    var myFilteredFiles = myFolder.getFiles(myFileFilter);
    return myFilteredFiles;
function myFileFilter(myFile){
    var myFileType = myFile.type;
    switch (myFileType){
        case "JPEG":
        case "EPSF":
        case "PICT":
        case "TIFF":
        case "8BPS":
        case "GIFf":
        case "PDF ":
            return true;
            break;
        default:
        for(var myCounter = 0; myCounter<myExtensions.length; myCounter++){
            var myExtension = myExtensions[myCounter];
            if(myFile.name.indexOf(myExtension)>-1){
                return true;
                break;
    return false;
//To find cited pages
function citePage(myInst){
    app.findGrepPreferences = app.changeGrepPreferences = NothingEnum.NOTHING;
    app.findGrepPreferences.findWhat="(?<=Figure \\d\\.)\\d";
    var myFind=app.findGrep(false);
    myPage = myFind[myInst].characters.item(0).parentTextFrames[0].parent;
    return myPage.name;
Thanks Regards
Thiyagu

The shadow effect has to have something to be applied on, but by default text frames borders and fills are invisible.
If you set the border of your frame to a color & thickness, you'll see it gets a shadow of its own, independent of the text. (Try it with dotted and dashed lines!)
Additionally, if you set the fill of your text frame to a solid color, you'll see the single solid shadow you were expecting.

How to save HTML file with images present in the server to local machine

Hi all
In my application i have a option for the user to save HTML files with images present in the server. The HTML file is getting saved but the images are not being saved.
The code i am using is below :-
l
                    File fname = new File(filePath);
                    if(!fname.exists())                return;
                    FileInputStream istr = null;
                    OutputStream ostr = null;
                    response.setContentType("application/"+format);
                    response.setHeader("Content-Disposition", "attachment; filename=\"" + fname.getName() + "\";");
                    try {
                         istr = new FileInputStream(fname);
                         ostr = response.getOutputStream();
                         int curByte=-1;
                         while( (curByte=istr.read()) !=-1)
                              ostr.write(curByte);
                         ostr.flush();
Can anyone suggest what i need to do
regards

The client should probably parse the html that comes down, and look for <img> links, and request those of the server as well.

Images with Picture Frame stroke not printing?

Does anyone have a known solution to an issue in which an image with a stroke of "Picture Frame" applied will not print?
More details...
- Created pages document (originally in '08 version of Pages, then upgraded to Pages '09 to see if that fixed it -- it did not)
- Printed document in both both Pages version. All assets within document printed correctly with exception of photos that have stroke of "Picture Frame" applied.
- Printed to PDF. Opened and printed from Preview. Again, all assets within document printed correctly with exception of photos with stroke of "Picture Frame."
- Tried modifying print settings to "fit in page" as well as color correction. Same symptoms applied.
- One solution (that's not the desired behavior but should be acknowledged) -- removing stroke allows images to print.
Other:
- Problem is reproducible across both versions of pages.
- Problem may be same as seen in other searches found here: https://discussions.apple.com/thread/3005994?start=0&tstart=0 & here: http://forums.cnet.com/7723-21571_102-378574/pages-09-printing-problem/ & here: http://www.mac-forums.com/forums/images-graphic-design-digital-photography/23980 6-framed-pictures-wont-print-iwork-pages.html
Set-up:
- iMac running 10.7.3
- Started with iWork '08, updated to Pages '09
- HP LaserJet CP1025nw
Any advice much appreciated!

Thanks for all your help, fruhulda.
Tried:
deleting plist
uninstalling Pages
trying a different account
updating firmware
trying a different printer
The only thing that works -- which also worked for you -- was something other than this printer. And even with a firmware update, it's not working.
I'd say this is an HP CP1025nw problem, which kind of hurts given it's a newer printer for us.
Suppose it's best to consider this closed and unsolved.

Firefox upon opening an image in a new tab, centers the image from top and bottom and surrounds the image with a grey frame. Just started having the problem today, searched Google to no avail.

Firefox upon opening an image in a new tab, centers the image from top and bottom and surrounds the image with a grey frame. Just started having the problem today, searched Google to no avail.

Oh wow, looks like a new feature.
The "page" links in a stylesheet with the address "resource://gre/res/TopLevelImageDocument.css". If you remove that reference, then the image displays in the old style.
'''''Edit: Please skip the rest of this post and check out the next one.'''''
There might be a more elegant solution than that, but you could use a bookmarklet to strip out that link when you want to view the page in its old style. A bookmarklet is a snippet of JavaScript you save on the Bookmarks toolbar for quick access.
First, copy the following code to the clipboard (it's all one long line):
<br>javascript:var ssheet=document.querySelector('link[href="resource://gre/res/TopLevelImageDocument.css"]'); if(ssheet)ssheet.parentNode.removeChild(ssheet); void 0;
Next, if you are not displaying the Bookmarks Toolbar, use View > Toolbars > Bookmarks Toolbar to display it. (If you aren't using the classic Menu bar, press Alt+v to call up the old View menu. Right-clicking the gray area just below the page address also allows you to display the Bookmarks Toolbar.)
Right-click on the Bookmarks Toolbar (or Mac equivalent of right-click!) and choose New Bookmark.
Paste the code into the Location box (the second box).
Then type a useful name in the Name box (e.g., Oldstyle Picture) and click Add.
Now, when you want to tweak the image display, click the button to run the script.
Manual clicking is a hassle, so it might make sense to look into other solutions. (Greasemonkey didn't seem to work; I think it might not run on .jpg files.)

JavaScript Image Rollover with html:image ?

I've got a website I'm developing in which I have a submit button as well as a button which pops up a google map within my web page. I've currently got the buttons working and doing what they are supposed to do, but I'm having trouble with a rollover image effect.
The method I'm currently using looks something like...
For my page with the submit button:
<html:image src="images/spacer.gif" styleId="sButton">
</html:image>
For my page with the button that pops up a google map:
<html:image src="images/spacer.gif" styleId="mButton" onclick="javascript:blahblahblah">
</html:image>That's what I'm using to display the buttons on both pages and the functionality works. Next up is the basic CSS I'm using for the image rollover effect...
For the submit button...
#sButton {
display:block;
width:100px;
height:100px;
background-image:url(submitImage.jpg);
background-repeat:no-repeat;
#sButton:hover, #sButton:active {
background-image:url(submitImageHover.jpg);
background-repeat:no-repeat;
For the map button...
#mButton {
display:block;
width:100px;
height:100px;
background-image:url(mapImage.jpg);
background-repeat:no-repeat;
#mButton:hover, #mButton:active {
background-image:url(mapImageHover.jpg);
background-repeat:no-repeat;
}And that's basically it. So as you can see, I'm using the <html:image> to give myself a submit button type thing which works perfectly in both cases. To try and make it have a rollover image effect I'm setting a styleId and then in my CSS declaring a default image and then a hover/active image. Back in the <html:image> tag, for the required src attribute, I've just got a spacer.gif which is a 1 x 1 image that is 100% transparent.
The effect, at least in the Gecko based browsers I've tried, such as Firefox, is that you don't see the spacer.gif even though it is there, and all you see are the CSS background images which changes on hover. This even works in IE7.
My problem... Internet Explorer browsers prior to 7 aren't doing the image rollover. The buttons still work, but I can't get the image to change just using the CSS... Any tips on a way to still use this method or to still use <html:image> but to use some sort of javascript solution?

Thanks for all the quick help on this one... I got it to work just like I was hoping.
bodhi-firestarr... You got me thinking and so I went and tried to search for a way to use that particular javascript method with the <html:image> tag. This brought me to the solution that I could use styleId just like an id and then getElementById in the javascript.
Unfortunately, this only partially solved my problem... It made the submit button work through both CSS and JavaScript, but my map it button still wasn't working. My map button is inside of a loop generating a button for a set of results. If I used the getElementById method it would use the same id for each one causing problems. When I tried to add some sort of index to the end of the Id to fix this, it messed up my CSS, but that's when...
gmachamer, you came up with just the solution I needed. I had no idea property actually translated to name. Once I knew this I was able to use property and got everything to work.
Thanks again everyone!

Can you wrap an image with a link in an html email signature?

When I cite a remotely hosted image in an html signature, and try to make that image a link, the link is ignored and the just the image is shown.
e.g.:
<a href="https://www.facebook.com/pages/Ubiquia/146019678805381" target="_blank">
<img style=" position:absolute;
height:30px;
width:30px;
left:172px;
top:157.5px"
src="http://png.findicons.com/files/icons/2779/simple_icons/48/facebook_48_black.png" alt="ubiquia facebook" moz-do-not-send="true"
>
</a>

For each icon that you want to use in your email signature:
locate icon on internet webpage - right-click on the icon and select 'Save Image as'. Save the icon to your computer in a suitable file.
Then in Thunderbird
insert > Image
choose file - locate the saved icon on your computer
click on Link tab and enter the www etc webpage link info
click on OK to insert image with link.
Codewise, where you have the actual icon you would need something stating where the icon is located:
eg
<a href="https://www.facebook.com/pages/Ubiquia/146019678805381" target="_blank">
path to image saved on computer included in within <> </a>

How to send HTML mail with images multipart/related message

Hi,
Could any body tell me how to send HTML mail with images in "multipart/related" message,if any body can give the code ,it would be helpful.
Thanks

Hi,
Could any body tell me how to send HTML mail with
ith images in "multipart/related" message,if any body
can give the code ,it would be helpful.
ThanksHi!
Refer to
http://developer.java.sun.com/developer/onlineTraining/JavaMail/index.html
I've found it very helpful.
Look at the last part for a code showing how to send HTML mail!
Regards

RoboHelp 9 html, Images with frames are underlined

Similar Messages

Maybe you are looking for