Hey guys, I am starting work on my second ever tableless design and this is what I have come up with in photoshop for a general layout: http://www.reelracing.tv/antbar/AB-site.jpg It is a fair step up in design from my first tableless site but poses a new hurdle for me. How do I do the borders for this design without using tables since the borders would be made from an image? I know the easy way out would be to make one wide slice spanning the entire width of the design and just have that repeat vertically (but remain forever fixed width). But I don't want to do that. I want to know how to make it so that the layout can be stretched both horizontally and vertically. Thanks for your help, Jordan
Hey EIx, thanks for those links. I found CSS Liquid Round Corners to be a perfect solution for my needs.
I'm not quite sure what your asking here. Your looking at creating that image as a site? Why not just position divs over it? Or have different sections load in ask background-images on different divs. Wouldn't be hard to do at all.
You wouldn't need to code the borders, you would have a position div with set height and width, the size of the layout, and the background-image of that div would be a full size image of the layout excluding all elements bar the borders.
To answer both of you, I need it to be fluid in both width and height. If you see my previous post, you will see that I got the solution but thanks for your input anyways
Oh right, so you need it to be fluid. Thats easy to do with height on a layout like that, not so much width. But good that you found a solution
Good for you, most people can't be bothered to build properly accessible expandable sites and frankly it's a pain in the arse, but it's the right way to do it. There are a bunch of accessible/expandable rounded corner techniques once you get into it. you'll end up deciding which one you like to use. Look up the 'sliding door' technique, it's a great way to build expandable nav tabs.