Hyperlinks do not consistently display in blue text in Design View

[SPRINGER_DOC]

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;

}

[Captiv8r]

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

[SPRINGER_DOC]

Thank you for your prompt response.

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

as well.

[Jeff_Coatsworth]

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

[SPRINGER_DOC]

I currently have the universal css specified when generating WebHelp.

[Jeff_Coatsworth]

Then it sounds like you need to do some CSS editing then </grin

[Captiv8r]

Hi there

From what I'm reading and understanding, it would seem that you probably have some embedded styling in the topic HTML code that is overriding the CSS. So try trawling through the HTML and removing any styling information there.

Cheers... Rick

[Willam_van_Weelden]

Or, as a temporary workaround, add !important to the hyperlink style definition. This overwrites the inline styling.

Here's a link on what it is and how you can use it: http://w3schools.invisionzone.com/index.php?showtopic=41387

Greet,

Willam

[Jeff_Coatsworth]

@Willam - I just KNEW someone with more css knowledge would chime in!

Memo to self - learn more about css in 2013...

[SPRINGER_DOC]

Thanks for your input, everyone. I believe I've found the problem.

According to Peter Grainge's site, the Word file import produces an

embedded CSS in each topic created. He indicates the CSS must be deleted

after the import: From his website:

You will find an embedded CSS in each topic created. You need to

delete it. The style will be something like this.

/<![CDATA[/

A:visited

A:link

/]]>/</style>

Somehow the colors in my imported topics have been changed to #000000,

which results in black text.

(Embedded image moved to file: pic12859.gif)

When I remove this block from my html file, the hyperlink is blue.

Since I must remove this block, regardless of the color specified, I think

I'll just set aside some time and delete it from the topics. I'll have to

remember to remove it if I import any other Word files.

Thanks again.