3 Replies Latest reply on May 15, 2006 1:53 PM by Newsgroup_User

    White Line

    dawndawg
      I've got everything coded as I need it except for this one white line. I understand that my code may not be in the simplest CSS code because I'm stil learning it. but in the mean time, can someone tell me how to use CSS to code this white line?

      the way I want it to look: http://jtleonard.fastmail.fm/work/tapestry_web_db.jpg

      the way it looks right now: http://jtleonard.fastmail.fm/work/index.html
        • 1. Re: White Line
          Level 7
          > I've got everything coded as I need it except for this one white line. I
          > understand that my code may not be in the simplest CSS code because I'm
          > stil
          > learning it. but in the mean time, can someone tell me how to use CSS to
          > code
          > this white line?

          Here's a quick stab at it:

          <html>
          <head>
          <style type="text/css">

          body {
          background-color: brown;
          }

          #borderFrame {
          border: 1px solid white;
          width: 600px;
          margin: 10% auto;
          }

          #logoWrapper {
          background-color: brown;
          position: relative;
          top: -20px;
          width: 100px;
          height: 50px;
          margin: auto;
          padding: 10px;
          color: white;
          }
          #captionWrapper {
          background-color: brown;
          position: relative;
          bottom: -20px;
          width: 400px;
          height: 50px;
          margin: auto;
          padding: 10px;
          color: white;
          }
          </style>
          </head>
          <body>

          <div id="borderFrame">
          <div id="logoWrapper">
          Your Logo
          </div>

          <p>Your page content/image here</p>

          <div id="captionWrapper">
          <p>Your caption/description<br>
          for the image</p>
          </div>

          </div>

          </body>

          </html>


          • 2. Re: White Line
            dawndawg Level 1
            Yes!
            With some changes to size and color THAT is what I was looking for. I learned more about CSS through this one excersize with your help than I did reading a whole book...
            Thank you
            • 3. Re: White Line
              Level 7
              > With some changes to size and color THAT is what I was looking for. I
              > learned more about CSS through this one excersize with your help than I
              > did reading a whole book...
              > Thank you

              Glad I could help. You're welcome.

              BTW, nice looking site you have there!

              -Darrel