PBB/HTML Coding Question

Calvin Habig
Calvin Habig Member Posts: 442 ✭✭
edited November 2024 in English Forum

This is a question for those who do HTML code in the preparation of Libronix PBBs.  Is there a way to have an entry appear in the table of contents,but which is hidden in the actual text.   I have chapter sub-headingss which are not titled in the text of the document, but which appear in the table of contents.  I believe it is important to link to them, but I hate to actually type in the title and have it appear in the text since it  is not that way in the original. Any HTML geniuses out there know how to help me with this?

Thanks,

Cal Habig

Comments

  • John McComb
    John McComb Member Posts: 129 ✭✭

    Calvin Habig said:

    This is a question for those who do HTML code in the preparation of Libronix PBBs.  Is there a way to have an entry appear in the table of contents,but which is hidden in the actual text.   I have chapter sub-headingss which are not titled in the text of the document, but which appear in the table of contents.  I believe it is important to link to them, but I hate to actually type in the title and have it appear in the text since it  is not that way in the original. Any HTML geniuses out there know how to help me with this?

    Assuming that by "Table of Contents" you're referring to the contents pane on the left side of the resource window, yes you can do that. You put the text in the spot in the document where it applies, wrap it with the appropriate header tags and then give the header a style with an extremely small font and a font color that matches the page background color. Then it will be there but it will take up very little space and be invisible to the user.

    Builder Builder actually has a few styles for this purpose in its default style sheet. They are:


    H1.hsmall {
        MARGIN: 0cm; COLOR: white; FONT-SIZE: 1px
    }
    H2.hsmall {
        MARGIN: 0cm; COLOR: white; FONT-SIZE: 1px
    }
    H3.hsmall {
        MARGIN: 0cm; COLOR: white; FONT-SIZE: 1px
    }
    H4.hsmall {
        MARGIN: 0cm; COLOR: white; FONT-SIZE: 1px
    }
    H5.hsmall {
        MARGIN: 0cm; COLOR: white; FONT-SIZE: 1px
    }
    H6.hsmall {
        MARGIN: 0cm; COLOR: white; FONT-SIZE: 1px
    }

    Therefore, assuming your background color is white, you could copy these styles into your style sheet and give your header an "hsmall" class. It will disappear from sight but still show up in your contents pane and link you to that part of the resource.

    E.G.       <H1 class=hsmall> This is my invisible header </H1>

    Yours in Christ

    John

Categories