Well like I said up top. heres the link so you understand. I want it to fit the page but I don't now how to. here a like to it: http://www.neopets.com/guilds/guild.phtml?id=1207989

oh ya also, how do I make a scroll bar to fit the boxes????

modify your img src tage like so

<img src="http://i13.photobucket.com/albums/a257/mindight_girlz/Guildlayout.jpg" width="X" height="Y">

Replace X with the size you want for your width.
Replace Y with the size you want for your height.

---

then for your scroll boxes, add this code

<div id=layer1 style="position:absolute; top:X; left:Y; width:Z; height:A; z-index:1; padding:5px; border: #000000 2px solid; background-color:#000000; background-image:url(yourfilename.gif); layer-background-image:url(yourfilename.gif);">

Content goes here (images, text)

</div>

Replace X with the size you want for your position from the top of the screen.
Replace Y with the size you want for your position from the left of the screen.
Replace Z with the size you want for your width.
Replace A with the size you want for your height.

The only way to do this is trial and error. Modify the position and size of the div, save and view it. Make adjustments as needed. Hope this helps.

-Nick

hdshngout: perhaps you need to give out the table code to add in the image. Certain people like myself have wrote a style sheet for browsers to remove the top banner, and the div elements will be scattered for those who wrote the style sheet for browsers. So it's best to put everything in a table including the DIV elements.

<table border="0" width="0%"><td width="100%" style="position: absolute">
<img border="0" src="YOUR IMG URL HERE">
<div style="position:absolute; left:Wpx; top:Xpx; width:Ypx; height:Zpx; background-color:none; overflow:auto;">
Text and images should go here
</div>

would be a better code.