#29 underlined formulas in <div> block


I am testing JsMath on my web site and I have some trouble when the formulas are embeeded in <div> block.

As an example, in this adress :


I created info-bullets that appear when the user want an indication or a solution to a question. Unfortunately, the formulas appear with a blue underline.

I don't know if it is a missprogramming or a bug. Perhaps do you have an idea?

Thank you for your help.

Best wishes.


  • Frédéric Millet

    After some tests, it seams that the blue underline appears when the formula is included in blocks <a></a> even if I specified the style tex-decoration:none.

  • Davide P. Cervone

    You are correct that it is the fact that your DIV's are within A tags, not the DIV's themselves, that is causing the blue lines. In the image fallback modes, the images used within A tags are underlined so that they appear as links, like the rest of the text usually does. Since these are images, the text-decoration CSS declaration will not affect them. The CSS is actually set by jsMath itself to make this happen, but you can override it by adding

    jsMath.styles = {
    'a .typeset img, .typeset a img': {
    'border-bottom': '0px'

    to the bottom of your easy/load.js file (just before the "do not modify below this line" comment).

    Also note that you do not need the

    <script src="http://mathsup.ouvaton.org/jsMath-3.6e/plugins/tex2math.js"></script>

    that is included in your page, only the script that loads easy/load.js, as that will cause tex2math.js to be loaded when it is required.


  • Davide P. Cervone

    • labels: --> Layout issues
    • status: open --> closed-fixed

Log in to post a comment.