MadCap Software Forums

How can I keep the top navigation bar static please I want it to remain visible even when scrolling to the bottom of my page.

Thanks.

Dave Lee wrote:Use the :hover selector in CSS to apply styles - see https://developer.mozilla.org/en-US/docs/Web/CSS/:hover

Many thanks for that Dave - much appreciated

Are there any instructions out there on how my image can change border colour when the user hovers over the image please? I have 2 images I can use: one full image and another with just a different border colour.

Thanks.

Dave Lee wrote:Is it Top Nav or Side Nav though?

If it's Top Nav, open the skin, go to the Setup tab, and set Top Menu Levels to Show (Depth).

However, there's no equivalent setting for Side Nav.

Thanks Dave - that's resolved the Top Nav

I have 40 plus topics in the 3rd level of my navigation results when the user drills down which is making the page too congested. I was thinking of removing the 3rd level from my TOC but need another way for the user to see a list of those topics which I have removed from the TOC.

How can I achieve ...

In the SKIN, under Side Navigation Menu Item (hover), I've increased the Text Indent by 3px and this has helped a little. It's not ideal however.

ChoccieMuffin wrote:Think you might need to play about with padding as well, perhaps?

I've tried tweaking the padding as you suggest but this has not resolved the issue

My project has lots of topics and I am finding my side/top navigation being drilled down too much, forcing the user to scroll down to view all the 3rd level topics.

Question: Is there any way of hiding the 3rd level but leaving its contents searchable please ?

For the user to see this 3rd level ...

I've adjusted the left hand margin in my Side Navigation menu to push my content a little away from the left side.

Problem: the hover is now too too short on the left .

Any ideas on how to increase the size of the hover so it covers more of the left of the area being hovered over please? Thanks ...

Cannot be resolved: the tabs are in the SKIN and this is all hard-coded. I therefore could not resolve the issue from SKIN editor or stylesheet. Perhaps someone knows some Java to resolve this? Personally I was not able to so I just changed to another skin navigation instead.

Resolved: the project was messing and behaviour was conflicting as I was using more than 1 stylesheet which I inherited from previous users. I therefore created a new project from the MadCap Flare template (Side Navigation) and transferred my topics, images and snippets to this new project. The ...

I've resolved the footer issue. It is now filling the entire width of all my pages and it is no longer touching the end of the body text. This was done in the Stylesheet as follows:

Add a Selector by right-clicking the DIV and calling it something like topics-footer .
Then add the following ...

The footer is in the master page. So if you just want the footer in other topics, then copy the div with the footer into the Other-topics master page.
Tip - you could also put the footer in a snippet, so you only need to edit it in one place.

The Home.htm topic uses a lot of extra tags and CSS to ...

The footer is in the master page. So if you just want the footer in other topics, then copy the div with the footer into the Other-topics master page.
Tip - you could also put the footer in a snippet, so you only need to edit it in one place.

The Home.htm topic uses a lot of extra tags and CSS to ...

I’ve created a project using the Side navigation template. I like the footer at the bottom of the Home page in this template set. I have therefore used this Home page across my entire project. Is this a bad idea? Will it affect HTML5 output and/or PDF output please

I've sorted it.

Click Primary Target in ribbon
Click Advanced tab
Tick Generate all skins
Save project

My Project SKIN is based on a side navigation.

My cris help logo is visible in the Editor:

However, the same logo is not visible in my Browser output:
-

Project has multiple pages/topics.
Started off using a skin with a top navigation menu but the pages didn't look good with it there - when a link in this menu is clicked, the body was being pushed out of sight too much. I also want the navigation to be always visible as I have so many topics/pages ...

I'm using a Tripane skin in my Project.
I only need the Contents to show in the left-hand pane.
I've therefore unticked Glossary , Index , etc to stop them displaying and now only Contents is displaying in a single tab - as per attachment.

Issue: I am not keen on the gap between the Contents tab ...

I think the reason there isn't a border at the top of the second page is that the table row has split. You might want to adjust your stylesheet so that rows don't split across page breaks, or if you don't want to do that, remove the border on the bottom of page 1 so it is clear that the cell ...

..This worked for me:
span.ButtonName:after {
content: "]";
margin-left:-.25em;
} ..... So, if you're more comfortable using pixels as a measurement, you can use this instead:
span.ButtonName:after {
content: "]";
margin-left:-3px;
}
...........
Many thanks Jeff - I shall test this and ...

You're welcome.

You might find it helpful to step through the Lists Tutorial in the Flare 2020 r2 Help. I've been using Flare forever and still found useful tidbits therein.

https://help.madcapsoftware.com/flare2020r2/Content/Flare/Tutorials/Lists-Tutorial/Lists-Tutorial.htm

EDIT: You say you ...

So my table is so long that it's spilling over/carrying over onto the next page.

Problem: the bit that has gone onto the next page has the top border missing.

Have you tried looking at using table stylesheets?

I had an MS Word document consisting of lists, paragraphs, and tables.

I imported this document as a Project into Flare.

Flare created its own, single stylesheet from this import.

I am a Newbie - are you suggesting I create another, new ...

How do I amend the colour of the borders in my table (has outer and inner borders) in my stylesheet please :?:

Any help much appreciated.

Code:

<table class="table_1">
<col class="col_1" />
<col class="col_4" />
<col class="col_5" />
<tr>
<td colspan="3" class="td_1">
<p class ...