kreut — 2012-02-28T08:36:56-05:00 — #1
I'm working on a mathematical website and I need to create a matrix such as:
I can use images (as above) in some situations, but I'd like to be able to create one with CSS so that I can have my users enter elements "on the fly" via input boxes.
Any thoughts on how I might be able to accomplish this would be appreciated.
Thanks so much,
bulevardi — 2012-02-28T11:11:58-05:00 — #2
You can try having brackets  in a specific class with specific height, z-index or positioning, and the numbers in another class, with another z-index or positioning?
Maybe this seems too complex :s
ryanreese — 2012-02-28T12:00:06-05:00 — #3
I'd personally have the edges of the brackets become images and along the left hand / right hand side of each matrix I'd hav a border on each side repeating down, that way height wouldn't be an issue.
I'd personally use tables for their ease of use here. Easier maintenance for me.
markbrown4 — 2012-02-28T15:53:54-05:00 — #4
This seemed to work (though a little differently) in firefox, safari & opera. Not at all in chrome.
If MathJax does what I think it does then it will replace that MathML with HTML/CSS and should make it look consistent.
If you are writing a site specifically for math though, it makes sense to use the tools that were precisely designed for it.
Hope it helps
kreut — 2012-02-28T18:24:11-05:00 — #5
Thanks for the quick responses! I think that the MathML/MathJax solutions make the most sense for my project.
Enjoy your week...