Skip to main content
Participant
February 21, 2013
Question

Hyperlinks do not consistently display in blue text in Design View

  • February 21, 2013
  • 9 replies
  • 1366 views

Hello - first post to any Adobe forum.

My project is in RoboHelp HTML (RH9) with approximately 250 topics. All topics use the same css.

When I add a hyperlink to a topic (either through Insert > Hyperlink/Popup or drag/drop from the Project Manager) the resulting link does not consistently display in blue, underlined text.

I find that hyperlinks display as blue, underlined text in topics that reside in the main Project Files folder. However, if the topic resides in a sub-folder of the Project Files folder, an inserted hyperlink appears as black, underlined.

It may be worthwhile to note that all topics in the main Project Files folder were created within the project while all the topics in the sub-folders were imported from Word. Multiple Word files were imported as groups - each group carried its own css. Once imported, however, I assigned my universal css to each topic.

My  question is why will the hyperlink insert as blue text for certain topics but not others when they all use the same css?  I wonder if remnants of the imported css are overriding my universal css.

Any suggestions would be much appreciated.

I've read the forums and recognize that the order in which the hyperlink definitions appear in the css are important. (I'll confess that I only use the interface within RoboHelp to edit my css. I've never accessed it through Notepad. I am a writer by trade with little coding experience.)   I've pasted the portion of my css that deals with links. It may well need to be corrected.

A:link {

color: #0000ff;

font-size: 10pt;

text-decoration: underline;

}

A:visited {

font-size: 10pt;

color: #ff0000;text-decoration: underline;

}

DIV.droptext {

font-size: 10pt;

margin-bottom: 6pt;

}

Hyperlink {

font-size: 10pt;

margin-bottom: 6pt;

color: #0000ff;

text-decoration: underline;

}

A:active {

font-size: 10pt;

color: #0000ff;

text-decoration: underline;

}

span.Hyperlink {

font-size: 10pt;

color: #0000ff;

text-decoration: underline;

}

A:hover {

font-size: 10pt;

}

This topic is closed to new replies. Start a new post to keep the conversation going.

9 replies

Captiv8r
Legend
February 21, 2013

Hi there and welcome to our community

The question in my own mind here is to ask: Are you seeing this as well in the compiled/generated output?

My guess is that you probably are not. And that tells you that while RoboHelp does a pretty fair job of showing you what things may look like in the output, you shouldn't rely upon it as being the end all final word. It does its best.

Cheers... Rick

Participant
February 21, 2013

Thank you for your prompt response.

The links that display black in the source file display black in the output

as well.

Jeff_Coatsworth
Community Expert
Community Expert
February 21, 2013

how about applying a css to all topics when generating the help (set in your SSL recipe)?