I’m talking in particular about the large grey area that holds all the content, menus etc.
The top and bottom rounded bits are done with their own rounded images and the main body of the box is done with a small image which is repeated vertically.
The problem being that changing the site to a dynamic width causes the images to tile (like tiling an image on your desktop) which suffice to say looks a bit dodgy.
My concept is to chop off little right and left bits of the images to cover the curves and edging and then create small images that can be used with repeat-x to cover the dynamic gap in between the two ‘caps’ on either end.
My last attempt I managed to get it to dynamically widen but it only used the solid background image so it completely lost the curves and edging effect.
Image wise not a problem to do that but I have no idea how to do it in the actual code, it’s been 5 years or so since I did any web design and what little knowledge I had is pretty much gone now – plus the sight of php flat out scares me.
Apologies as this is probably a simple question. I’ve spent some time googling and come across a technique that’s often referred to as ‘sliding door’ but I’m struggling to see how to implement it – a lot of the tutorials are centered around making tabbed navigation rather than what I’m trying to do.
Help would be much appreciated and feel free to talk to me like a 5 year old.