Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Apr 2009
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    How do I re-create this effect?

    Hello there,

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

    http://www.bluedanube.ca/home.html

    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.

    Slante!

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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
    Code:
    #inner-wrap {
    margin:0 auto;
    padding-bottom:80px;
    width:800px;
    }
    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)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •