Uploaded image for project: 'Incubator'
  1. Incubator
  2. INCUBATOR-117

Bootstrap CSS messes up display of <a name> internal link definitions

Replace String in CommentUpdate Comment Visibility
    XMLWordPrintableJSON

Details

    Description

      [This is to document the fix applied, and a further possible solution]

      The new Bootstrap CSS changes the default setting for links, by removing underlines unless the mouse hovers over the link.

      However, this has broken all the internal name definitions. These now look like links - they are blue, and get underlined when hovered over.

      One possible solution to this (thanks Francis!) is to use a Selector, i.e. a[href] to limit the underline changes.
      However this may not be supported by all browsers.

      Another is to use

      h2 a, h3 a, h4 a, h5 a {
      text-decoration: none;
      color: black;
      }

      This would affect real links in headers, but Incubator does not use them.

      It would also be possible to change the Anakia stylesheet to use

      <h3 id='incubator'>1. Incubation</h3>

      rather than:

      <h3><a name="incubator">1. Incubation</a></h3>

      This is arguably how the links should have been generated originally.
      However this would generate a lot of changes.
      Also, it would not stop problems with <a name> tags appearing in the XML source.

      Attachments

        Activity

          People

            Unassigned Unassigned
            sebb Sebb
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: