Tistur - GSoC 2008

So, it would appear that I can simply set the position to relative before I mess up the layout, and everything seems to work.

This is disturbing.

Back to Image Overlay. I have decided to set the position of the image absolutely, and make the height of the tabs fixed. The text tab will have to be an exception to this, of course, as it needs so much more space. Therefore I will move the image down when the last tab is clicked.

So, I now have the dialog for picking colors and the tabs working. But I want the image to be visible on the page, so I removed the absolute positioning, which means when the image moves (by changing the height of a tab, for instance), the shapes don't, anymore. The position:absolute is coded in the jQuery UI for Draggables, which is understandable, but ever so annoying. The only thing I can think of to do is go through each shape and change the position on a callback whenever the tabs change, but that could get to be a REAL drag on performance with a lot of shapes.

Ideas?