image problem

[rnichols430]

I am new to web development, I am probably not applying this idea very soundly. I have an image i need to put that is to the right of a table. what i have done is this:

<div align="right"><img src="img/p231.jpg" width="150" height="150" alt="" border="0" align="right"></div>

<div align="left"><table border="0" width="560">
table stuff
</table></div>

Now.. if the user resizes the screen or the screen resolution they are using is smaller than 1024 x 768, that image moves under the table and looks bad. Any ideas how to fix this?

Thanks in advance,
Ryan Nichols

[curtiss]

Put both inside of a container div, and assign an explicit width to that container div as well.

It would look something like:

<div style="width: 710px; max-width: 711px; min-width: 709px; margin: auto; padding: 0;">

<div align="left"><table style="border: 0; width: 560px;">
table stuff
</table></div>

<div align="right"><img src="img/p231.jpg" style="text-align: right; width: 150px; height: 150px; border: 0;" alt="" /></div>

</div>

That should help. You also need to switch the table and the image, as I've done in the code above. You may need to play a little with the width of that container div, but you should be able to make it work.