0 Replies Latest reply on Feb 23, 2010 3:18 AM by timoha1984

    Can't complete "Adding the main image text" in tutorial

    timoha1984

      the main text doesn't apear as it should! don't know what to do, checked everything i could! even copy pasted CSS code from

      check_magazine_pt3_complete.zip . The text went to the place it should, but the box remained transparent. Files attached.

      And also will post my coding here:

      index.html

       

      <!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>Check Magazine</title>
      <link href="check_magazine.css" rel="stylesheet" type="text/css" />
      </head>
      
      <body>
      <div id="container">
        <div id="banner"></div>
        <div id="main_image">
          <div class="main_text">OPERATIVE WORDS
      Stumbling into Mark S.’s Inner Circle
      The star from Double Identity, who prefers installing a skylight to the limelight, talks about working on the one of the toughest film shoots in history, family, and the starlet who’s not doing a very good job of hiding in his bathroom.
      </div>
        </div>
        <div id="left_column">
          <p><img src="images/car.jpg" width="316" height="130" alt="Car" /></p>
          <h3>Inside Tesla Motors®<br/>
          </h3>
          <p>The company that built the first high-performance, environmentally-friendly sports car opens up its factory, shares some of their secrets, and puts the vehicle to the ultimate test: putting two sworn enemies in the same two-seater.<br />
            <a href="news.html">read more...</a><br />
          </p>
        </div>
        <div id="column_container">
          <div id="right_column">
            <p><img src="images/helmet.jpg" width="316" height="130" alt="Helmet" /></p>
            <h3>Today's Self Improvement<br />
            </h3>
            <p>Whether you want advice on how to throw together a killer outfit, a dinner for two, or a killer punch, we’ve got you covered.<br />
              <a href="news.html">read more...</a></p>
          </div>
          <div id="center_column">
            <p><img src="images/data_addict.jpg" width="316" height="130" alt="Data" /></p>
            <h3>Facts And Figures<br />
            </h3>
            <p>How much thrust would a jet engine need in order to get the entire city of London off the ground? We leave that to lesser minds. But if you want to talk Kierkegaard, you’ve come to the right place.<br />
              <a href="news.html">read more...</a></p>
          </div>
        </div>
      </div>
      </body>
      </html>
      

       

      check_magazine.css

       

      @charset "utf-8";
      /* CSS Document */
      #container {
           width: 968px
           background: #FFFFFF;
           margin: 0 auto;
           padding-left: 10px;
           padding-right: 10px;
           overflow: hidden;
      }
      #banner {
           background-image: url(images/banner.gif);
           height: 100px;
           width: 968px;
      }
      #left_column {
           float: left;
           width: 316px;
      }
      #column_container {
           float: left;
           width: 652px;
      }
      #right_column {
           float: right;
           width: 316px;
      }
      #center_column {
           width: 316px;
           margin-left: 10px;
      }
      body {
           font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
           font-size: 1em;
           color: #000;
      }
      #main_image {
           background-image: url(images/main.jpg);
           height: 376px;
           width: 968px;
           
      }
      #main_text {
           background-color: #FFF;
           width: 300px;
      }