Need help

Discussion in 'HTML & Website Design' started by dazzcelt, Jun 1, 2007.

  1. #1
    dazzcelt, Jun 1, 2007 IP
  2. Katy

    Katy Moderator Staff

    Messages:
    3,490
    Likes Received:
    513
    Best Answers:
    7
    Trophy Points:
    355
    #2
    It's very simple, I can show you an example:

    .navigation {
    float: right;
    display: inline;
    margin: 10px 5px 10px 30px;
    padding: 5px;
    width: 190px;
    background-color: #cccccc;
    color: #000000;}

    .content {
    float: left;
    display: inline;
    margin: 10px 5px;
    padding: 5px;
    width: 550px;
    background-color: #ffffff;
    color: #000000;}

    Then use:

    <div class="content">
    Blah blah
    </div>

    <div class="navigation">
    Link
    Link
    </div>

    Hope this helps!
     
    Katy, Jun 1, 2007 IP
  3. dazzcelt

    dazzcelt Peon

    Messages:
    120
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks, will try it
     
    dazzcelt, Jun 1, 2007 IP
  4. SpringCypress

    SpringCypress Well-Known Member

    Messages:
    316
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    108
    #4
    those aren't sidebars...

    There's a centered page container that looks to about 90% of the page width with a background image set on the body.

    If you want actual sidebars for content Katy gave a good example. Some other examples can be found at
    http://www.dynamicdrive.com/style/layouts/
     
    SpringCypress, Jun 1, 2007 IP