Work at SourceForge, help us to make it a better place! We have an immediate need for a Support Technician in our San Francisco or Denver office.

Close

#29 underlined formulas in <div> block

closed-fixed
nobody
5
2010-03-26
2010-03-25
No

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 :

http://mathsup.ouvaton.org/HEC/HEC.php?sujet=concours&chapitre=ecricome2009_probleme

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.

Discussion

  • 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.

     
  • 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

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