1. Welcome to TechPowerUp Forums, Guest! Please check out our forum guidelines for info related to our community.

Dreamweaver and CSS Question

Discussion in 'Programming & Webmastering' started by Akumos, Oct 5, 2010.

  1. Akumos

    Akumos

    Joined:
    Nov 30, 2008
    Messages:
    552 (0.22/day)
    Thanks Received:
    28
    Location:
    Birmingham, England...
    Hi All

    Hopefully, without using tables, I want a div for a sidebar on the left and next to it a div for conent on the right. This is what I have in dreamweaver so far but it wont let me use the space to the right of the current div.

    Thanks for your help

    Code:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Joseph Leckie Intranet</title>
    <style type="text/css">
    body,td,th {
        font-family: Arial, Helvetica, sans-serif;
        color: #000;
        font-size: 12px;
    }
    body {
        background-color: #CCC;
    }
    a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        font-weight: bold;
    }
    a:link {
        text-decoration: none;
    }
    a:visited {
        text-decoration: none;
        color: #000;
    }
    a:hover {
        text-decoration: underline;
        color: #F00;
    }
    a:active {
        text-decoration: none;
        color: #000;
        width: 115px;
    }
    #apDiv1 {
        position:relative;
        top:0px;
        width:800px;
        z-index:1;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        background-color: #FFFFFF;
        border: 2px solid black;
    }
    </style>
    <link href="CSS/Header_Left.css" rel="stylesheet" type="text/css" />
    <link href="CSS/Content_Left.css" rel="stylesheet" type="text/css" />
    <link href="CSS/Conent_Centre.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    <div id="apDiv1">
      <div class="Header_Left">Links</div>
      <div class="Content_Left">
        <p><a href="http://www.vivomiles.com/"><img src="../Old/VIVOLINK.png" alt="Visit the Vivo Miles Website" width="100" height="50" border="0" /></a></p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
      </div>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
    </body>
    </html>
    
    [​IMG]
     
  2. Akumos

    Akumos

    Joined:
    Nov 30, 2008
    Messages:
    552 (0.22/day)
    Thanks Received:
    28
    Location:
    Birmingham, England...
    No worries, I got it!

    Float: Left
     
    stinger608 says thanks.
  3. stinger608

    stinger608 Dedicated TPU Cruncher & Folder

    Joined:
    Nov 11, 2008
    Messages:
    7,940 (3.19/day)
    Thanks Received:
    5,056
    Location:
    Wyoming
    What code did you come up with on that? Just getting a good start on HTML, CSS, and JavaScript, and wondering on you float left code. I have had issue with that, and would like to take a look at the code to see where I am going wrong LOLOL
     
    Crunching for Team TPU 10 Million points folded for TPU
  4. Kreij

    Kreij Senior Monkey Moderator Staff Member

    Joined:
    Feb 6, 2007
    Messages:
    13,881 (4.43/day)
    Thanks Received:
    5,625
    Location:
    Cheeseland (Wisconsin, USA)
    Tables can also be used to accomplish that sort of page layout.
     
  5. stinger608

    stinger608 Dedicated TPU Cruncher & Folder

    Joined:
    Nov 11, 2008
    Messages:
    7,940 (3.19/day)
    Thanks Received:
    5,056
    Location:
    Wyoming
    ????????????

    Hm, Kreij, do you have an example of that?
     
    Crunching for Team TPU 10 Million points folded for TPU
  6. digibucc

    digibucc

    Joined:
    May 21, 2009
    Messages:
    4,966 (2.16/day)
    Thanks Received:
    1,517
    an example of a single row dual column table? effectively splitting a page into two? allowing you to put a menu on the left and content on the right?

    what am i missing? that is the most basic of tables you can make.
     
    stinger608 says thanks.
  7. stinger608

    stinger608 Dedicated TPU Cruncher & Folder

    Joined:
    Nov 11, 2008
    Messages:
    7,940 (3.19/day)
    Thanks Received:
    5,056
    Location:
    Wyoming
    I guess after reading his post, and your questions, that is pretty obvious right? LOLOL Jeez, I guess I was real tired when I read Kriej's post or something, LOL.
     
    digibucc says thanks.
    Crunching for Team TPU 10 Million points folded for TPU
  8. faca5 New Member

    Joined:
    Nov 8, 2010
    Messages:
    1 (0.00/day)
    Thanks Received:
    1
    stinger608 says thanks.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guest)

Share This Page