Enlarge on mouseover pushes other images out the way

Hello there ^^

I've got this small website I'm doing that requires me to generate the website in Photoshop, use the slice tool to export it to HTML and then code an extrenal Javascript file to have rollovers and such which I've already done.

Although when I rollover a menu button, it expands like it should but pushes all the other images out of the way.



Heres a copy of the javascript code I used.
http://pastebin.com/S3WGdJyV

If anyone can help that would be greatly appreciated :3

Your problem has to do with slicing in Photoshop and using that code. Photoshop's code isn't the least bit flexible. Everything is absolute, and depending on what options you chose, may be written completely in tables. On top of that, the entire page is a bunch of little images. You'd do better to wrap that nav in a div and float it left, and wrap the content in a div and float that right. That way, when you expand the menu items, it will only push the other menu items down. And, if you get rid of the many little images and replace them with background color, everything will be seamless.

Hi Ronald,

Thanks for the response but I'm not too good on the lingo...
What would the code be for wrapping an image in a div and floating it left?

Thanks

Alrighty I managed to cut down the amount of images and using HTML and CSS its turned out quite nicely
Thanks for the advice Ronald