How do I prevent my HTML table cell from expanding vertically?

Question

I'm creating a HTML table that is full screen (calendar) and sometimes I have rows in a day cell that are more than can be displayed in the cell without it growing. But I don't want the cell to grow, I'd like it to truncate and then on mouseover, then it can show the full day's entries. Is this possible? And code sample will be super appreciated!

Answer 1

"inside your cell wrap all the content inside of this:

so ull end up with:

a bunch of content

play with the height and u should be golden.



this css trick will cut off anything that goes beyond ur set height.



ps- sorry for the weird code positions yahoos formatting gets me everytime

Answer 2

You can set the height attribute of the table cell.



The problem you'll run into is that browsers assume you are making a mistake when you put in more text than will fit in a cell and show all the text, creates a horrible table distortion.



Also keep in mind that web design is to allow the vertical to expand and the horizontal be defined, and this is how browsers support excess data in a table cell.



in short, with html alone you won't be able to do what you want.

Answer 3

As i changed into explaining to a woman contact of mine in yet another proper question. My linguistic skills blended with my thirst for expertise has a tendency to make some no longer thoroughly get me. With that I only decrease my bar a tad and attempt my perfect to no less than get all the way down to their aspect of comprehend-how so as that comprehension is on the minimum a properly rounded elementary for his or her comprehend-how