Colored columns on both sides of webpage ?

Discussion in 'HTML & Website Design' started by Domainer426, Jul 8, 2010.

  1. #1
    Hi,

    I want to edit my website so that there are two colored columns on both sides, basically the same thing as this website, which has 2 blue columns: http://armorgames.com/ Any idea how this can be done ? Thanks
     
    Last edited: Jul 8, 2010
    Domainer426, Jul 8, 2010 IP
  2. Robico

    Robico Greenhorn

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #2
    This can be done with div tags similar to the code below.

    <div id="wrapper">
    <div id="left"></div>
    <div id="content"></div>
    <div id="right"></div>
    </div>
    Code (markup):
    And then you set the style elements (width, colour, etc) in your CSS.
     
    Last edited: Jul 8, 2010
    Robico, Jul 8, 2010 IP
  3. webmindz24

    webmindz24 Peon

    Messages:
    311
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    If you need help coding 3 column Left (Web Games) center (New Games) right (Popular games) that can be done by the above code suggested by @Robico

    There is no 2 blue color columns in the website you mentioned.. Are you talking about the blue background? You can have it by placing body background color in your CSS. The website using a small image and and repeated horizontally to achieve the results. Right click on the blue background and say "View Background Image" to have a look at the image used for background.
     
    webmindz24, Jul 8, 2010 IP
  4. Domainer426

    Domainer426 Active Member

    Messages:
    101
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #4
    thanks for the responses.... I am referring to the background color- like you mentioned with:

    "you can have it by placing body background color in your CSS. The website using a small image and and repeated horizontally to achieve the results. Right click on the blue background and say "View Background Image" to have a look at the image used for background."

    I understand that I need to get a long narrow image and then repeat it ... but specifically what code do I add or edit in CSS to get the image to repeat, and repeat only on the sides (and not in the center) ? Thanks!
     
    Domainer426, Jul 9, 2010 IP