Originally posted by hokiedrum
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.