display only half of the image...

Hi there,
I wonder how can I make that only half of an image can be displayed on the homepage. It seems simple task, huh?

For example, I have this image inserted in my HP:
http://voap.weather.com/weather/oap...bd40f311c1bfe1e
The image is on a different server and of course I can't edit it.

Now, I want only the upper half of it to be seen, so that I can use the space below for other stuff.
(I tried height="..." but it doesn't work...)
Does anyone know if that can be done somehow...?

Thanks

well, you could try wrapping the iage in a div, setting overflow to hidden and sizing the div to fit your needs.

Though current day "rules" say it's best to stick with Table-less, CSS and XHTML compliant coding, you can always create a table that is 1 row and 2 columns. Make it the width of the image, and set the column widths to 50%.

In the left column, make the cell background the image in questions. And make the background color of the right cell BLACK. In effect, you're only showing half the image.

Thanks guys, I'll try both ways; seems it'll work without problems.

Try editing the image itself. Maybe this will decresease the potential problems in different browsers.