How do you make a johnson box? Urgent!

4 replies
  • WEB DESIGN
  • |
Hi guys, I am currently writing up my sales page and honestly I have no idea what to do anymore. I have everythign formatted exactly as I want it but i can't see to find the css code for a johnson box. I've tried <div class="module"> But even if it is creating a box it is creating a completely white box which doesnt help me. I also can't get the text to center by using <div align=center> when there is another div code. I really am at a loss and I have no idea what to do next..
#box #johnson #make #urgent
  • Profile picture of the author Loren Woirhaye
    Online, a Johnson is cell (or centered table) with a border.
    That's it.

    You know how to make a box in CSS right? Just put a border
    around it.

    This is one of those things which is easy to do with tables
    and perhaps not so easy with CSS, for a beginner.
    {{ DiscussionBoard.errors[1693724].message }}
  • Profile picture of the author CarloD.
    To make a Box with css:

    In you html just do something like:

    Code:
    <div id="johnson-box">
    whatever you want in here
    </div>
    and the CSS


    Code:
    div#johnson-box{
    display: block;
    background: #ffffff;   <-white background
    border: 1px solid #000000; <-black border
    width: 800px;
    height:50px;
    text-align: center;
    }

    Or inline style

    Code:
    <div style="display: block; background: #ffffff; border: 1px solid #000000; width: 800px; height:50px; text-align: center;">
    whatever you want in here
    </div>
    Signature

    {{ DiscussionBoard.errors[1693753].message }}
    • Profile picture of the author Carlos-Amigos
      You may also want to try a dashed border

      Code:
      border: 2px dashed #C72E23; <-nice red color
      Originally Posted by CarloD. View Post

      To make a Box with css:

      In you html just do something like:

      Code:
      <div id="johnson-box">
      whatever you want in here
      </div>
      and the CSS


      Code:
      div#johnson-box{
      display: block;
      background: #ffffff;   <-white background
      border: 1px solid #000000; <-black border
      width: 800px;
      height:50px;
      text-align: center;
      }

      Or inline style

      Code:
      <div style="display: block; background: #ffffff; border: 1px solid #000000; width: 800px; height:50px; text-align: center;">
      whatever you want in here
      </div>
      {{ DiscussionBoard.errors[2675149].message }}
  • Profile picture of the author hypnotist4all
    Thanks
    It worked great for me as well

    Wayne
    {{ DiscussionBoard.errors[2137166].message }}

Trending Topics