images breaking out of tables?

Question

Im trying to make an image auto resize in a table but it breaks out and moves down below the rest of the page, www.attiliospizzeria.com/tempmenu.html below is the table.

I though since the image was in a table it would just resize to 100% of the table.. Any suggestions?

Thanks for the Help

John
im not sure how else to do this

sorry if that didn't make sense, whats happing is that I have an image inside of a table, if you go to
www.attiliospizzeria.com/tempmenu.html

the image doesn't stay inside the table it wraps down below the table and content on the page. hope that help alittle

I was actually just trying to find an easy way (with out making the menu my self) to have the image adjust to diffrent screen sizes. I dont like the way pdf looks when made into html. Bad webdesign? Please explain..

thanks for all the help

Answer 1

You don't apply a width of 100% to the image. That makes the image as large as its actual width, which is clearly larger than the 600 pixels you've set for the table width.

Your best bet is to simply save the menu at the right size. Loading an image larger than what you need is stupid.

However, you can simply set the width and height properties for the image as well. Assuming you have a standard 4 x 3 image, where 600 is the narrow side:

Answer 2

Images will load at their own size, and it is the table that adjusts to the contents.

Depending on which editor are you using, this can be simple or hard. The best way is to resize the image itself to the size you want. If you dont want the table to adjust, define a specific size instead of 100%. I know sometimes this will invoke a scroll bar in the browser, but your page will render properly.

EDIT: Well you just taught an old dog a new trick! The image resizes properly in my browser...

Answer 3

John, you look so sad in your Avatar. You should get some sleep first before asking this question, because it makes no sense!