#29 underlined formulas in <div> block

[Frédéric Millet]

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.

[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