View Full Version : How do I re-create this effect?

Fun Leprechaun
05-15-2009, 06:13 AM
Hello there,

Could anyone tell me how I can re-create a website design like this one:


I see that it's done with tables as opposed to CSS. Would it work to have the main banner as an image on the body tag and center a table for all of the content?

Any suggestions would be much appreciated.


05-15-2009, 09:24 AM
Try to modify the 2 column layout at http://bonrouge.com/2c-hf-fluid.php, like
1) Set http://www.bluedanube.ca/images/bg_top.jpg as the background of #header
2) Set http://www.bluedanube.ca/images/bg_bottom.jpg as the bacground of #footer
3) Remove the background image from #wrap
4)Change the #inner-wrap's css like

#inner-wrap {
margin:0 auto;
5) Make a vertical 1px wide slice from http://www.bluedanube.ca/images/bg_left.jpg and set it as the background of #wrap.

Let's see how it looks after that.
(You'd need to slice your images again)