I am just starting to get back into web development and I am just wondering about the best way to design my page. I am using a background which is one thin horizontal bar that is tiled down the page. I want to have a section in the center of the page that is white with a border, and the top will be curved on the edges. The only way I could think of doing this is to have the body background, then create a table with one row and col and the table background will be a picture that I make which is the "main" curved border window (granted that I can figure out how to make this in photoshop). Is there an easier way to do this, or should I continue in this fashion? Thanks for any help...
Originally posted by hokiedrum
[B]I am just starting to get back into web development and I am just wondering about the best way to design my page.
HTML + CSS without abusing <table> for layout.
a border, and the top will be curved on the edges.
This is the tricky part. CSS 3 will introduce curved borders, but browser support is almost non exsistant yet.
The best way is probably to fake it for a while more by placing images in the corners.
How about using 4 frames? A top frame that has the curved border, a left and right frame with just a vertical border, and middle frame with a white background? Would this be a good way to work this design?
Originally posted by hokiedrum How about using 4 frames? A top frame that has the curved border, a left and right frame with just a vertical border, and middle frame with a white background? Would this be a good way to work this design?
It's proably better to keep it as 1 single page as frames comes with it own set of problems and crossbrowser incompability.
For starters, how will you make the top border the same width as the bottom sections? That only works if you limit the page to a fixed width, but then you might asw well just put the entire top section as an image on your 1 single page.
Bookmarks