PDA

Click to See Complete Forum and Search --> : Need some quick help...

hokiedrum
01-03-2003, 04:06 PM
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...
Stefan
01-04-2003, 05:58 AM
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.

For the rest something like this might be

<body style="background:white url(horizbar.png) repeat-x;">

<div style="border:1px solid black">
<img alt="" src="topleftcorner.png" style="float:left; margin:-5px auto auto -5px; vertical-align:bottom;">

<img alt="" src="toprightcorner.png" style="float:right; margin:-5px -5px auto auto; vertical-align:bottom;">

The exact values for margin has of cource to be tweaked to fit the images.

Then comes the content of the box in center.

<div>
</body>
hokiedrum
01-07-2003, 10:29 AM
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?
Stefan
01-07-2003, 10:51 AM
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.