Forum Moderators: not2easy
I'm trying to slice the images and insert them in a way where we can use the same images no matter what the window size, but the smallest amount of code.
I've tried the sliding doors technique and no matter how I do it, I end up with basically 9 divs with the content in the center. I would like to make this happen with less divs, if possible.
Would there possibly be an easier way to do this with Javascript or anything else?
They all need to have the same background, which consists of a border all the way around with a small logo in the top left and the bottom right.
What does this border look like? Is it a repeating pattern? Can it be tiled? Could you post some code so we have an idea of what you're starting with?
They are resizeable, but don't necessarily need to be. The information inside them is static, but there are several different windows, thus the need for the same code to deal with different sizes.
I ended up modifying this method:
[schillmania.com...]
I ended up getting what I wanted, but the problem is in how much code I have. This method requires 9 different classes to allow scaling.
The border, although looks nothing like that example, follows the same structure. Imagine a logo in the top left, and the bottom right, using his images.
Since I ended up getting it to work, I'm not dissatisfied, but I just wonder if there is an easier way to get this done with less code.
