Resizing images with HTML?

[d4m4s74]

you can use css.

Give the image an ID
<img src="image.jpg" id="image">
and give it a variable size
#image {
width = 50%;
height = 50%;
}

For really high res screens you might want to set a max width and height too

[d4m4s74]

you can use css.

Give the image an ID
<img src="image.jpg" id="image">
and give it a variable size
#image {
width = 50%;
height = 50%;
}

For really high res screens you might want to set a max width and height too

[raym0nd]

You can try resize using percentage in its width and height, didn't test yet.

[raym0nd]

You can try resize using percentage in its width and height, didn't test yet.

[raym0nd]

You can try resize using percentage in its width and height, didn't test yet.

[Midnightangel_00]

I'm working on an internal website at work, and at the top of the page I have the company's logo. There are dozens of computers where I work, and some monitors are larger than others.

Is there a way (using HTML, XHTML, CSS, etc.) that I can get my image to automatically resize itself to the width of any monitor it is being displayed on? Like an "img: fit" tag or something? Please help. This has been eating me alive for a week.

PS. I'm coding this oldschool style- in MS Notepad. The default browser is Firefox.

[d4m4s74]

you can use css.

Give the image an ID
<img src="image.jpg" id="image">
and give it a variable size
#image {
width = 50%;
height = 50%;
}

For really high res screens you might want to set a max width and height too