Anyway, HTML is a mess, and I'd like to figure out how to do this properly, but after Googling and talking with people, it looks like max-width is ignored for tables, so I can't use that.
Ideally, I'd really like three columns:
=============================
Annotation | Line | Content
=============================
* Annotation should take up the minimum amount of space without wrapping, with a maximum width of 25%., in which case it should wrap.
* Line should be 20px or so, like it is now.
* Content should have all of the extra space, if there is any. Not Annotation or Line.
I don't feel this is possible with just HTML or CSS, which is extremely disappointing.
"the content you want to see"
Isn't the content you want to see the annotation?
Anyway, HTML is a mess, and I'd like to figure out how to do this properly, but after Googling and talking with people, it looks like max-width is ignored for tables, so I can't use that.
Ideally, I'd really like three columns:
======= ======= ======= ======= = ======= ======= ======= =
Annotation | Line | Content
=======
* Annotation should take up the minimum amount of space without wrapping, with a maximum width of 25%., in which case it should wrap.
* Line should be 20px or so, like it is now.
* Content should have all of the extra space, if there is any. Not Annotation or Line.
I don't feel this is possible with just HTML or CSS, which is extremely disappointing.
The closest I've gotten is:
td.annotation {
max-width: 25%;
white-space: nowrap;
}
But then Content doesn't get all of the extra space (it could be in Annotation).