Question

I have a <table> with table-layout set to fixed, so that all explicit width/height definitions are respected no matter what. I’m trying to get a certain <td> to overflow, but even though I did the table-layout: fixed it doesn’t work.

What should I do to make it work?

Answer 1

It won’t work because the <td> will always have the size of an image

---

You can use height and width attributes. If the image size is 400×300, typing <img src="..." height="100" width="100" /> will show 100×100 image

If you want to crop an image use

<style>
#id{
background:url(...) no-repeat; /* you can use background-position css property here... */
height:100px;
width:100px;
</style>
<div id="image"></div>