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
    Oct 2006
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    new to div's, need help

    ok im very new to using <div>'s, and to using CSS for layouts. I had one site where i got them to kind of work, but i made a new one.
    www.usc.kevhosting.com/test3 , and where it says test, there should be an image there (sides.gif) and it isnt appearing, heres my codes:
    HTML
    Code:
    <html>
    <head>
    <title>Fallen Angels</title>
    <link rel="stylesheet" type="text/css"
    href="style.css" />
    </head>
    
    
    <body>
    <?php include("header.php"); ?>
    <div style="ctop">
      <ul>
        <li>test<br>test<p>test</li>
      </ul>
    </div>
    </body>
    
    
    </html>
    CSS
    Code:
    * {margin: 0; padding: 0;}
    div.ctop {
      width: 714px;
      background: url("images/sides.gif") repeat-y;
      font-size: 20px;
      font-family: morpheus;
      text-align: center;
      margin-top: 20px;
      }
    ul {
      padding-top: 50px;
      background: url("images/top.gif") no-repeat;
      list-style-type: none;
      padding-left: 25px;
      }
    body {
      background-color: black; 
      color: white;
      font-family: morpheus;
      }
    i want there to be sides to the main content. www.usc.kevhosting.com/test3/images/sides.gif is the picture I want to use, and i dont know why it isnt working.
    Last edited by fallenangels; 11-06-2006 at 11:38 PM.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Take a look at your code. You have multiple body tags and multiple html tags.
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Fallen Angels</title>
    <link rel="stylesheet" type="text/css"
    href="style.css" />
    </head>
    
    
    <body>
    <html>
    <head>
    <title></title>
    <link rel="stylesheet" type="text/css"
    href="style.css" />
    </head>
    
    <body alink="black" vlink="black" link="black">
    <center>
    <div class="header">
    
    </div>
    <div style="nav">
    <a href="index.php"><img src="images/home.gif"></a>
    <a href="/fa"><img src="images/forum.gif"></a>
    <a href="guides.php"><img src="images/guides.gif"></a>
    <a href="raidp.php"><img src="images/raidp.gif"></a>
    <a href="about.php"><img src="images/about.gif"></a>
    <a href="/poll/poll.php"><img src="images/poll.gif"></a>
    </div>
    </center>
    </body>
    
    </html>
    <center><div class="ctop">
      <ul>
        <li>
    
    <h1>News</h1>
    <p>
    <h2>Monday, November 06, 2006 7:32 PM EST</h2>
    <h3>This is the official time of the launch of our new site!  It looks much better now, and I think you will all like it.<h3>
    <p>
    <h2>Saturday, October 21, 2006 5:33 PM EST</h2>
    
    <h3>New poll page added. Take the Poll</h3>
    <p>
    <h2>Sunday, October 15, 2006 7:55 PM EST</h2>
    <h3>Welcome to the Fallen Angels website. This is the official time of the launching of our site! </h3>
    
        </li>
      </ul>
    </div>
    <div class="cbot">
    </div></center>
    </body>
    
    </html>
    And you use the center tag which is deprecated. View your coding errors here.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

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