How do you make a johnson box? Urgent!

by 4 replies
9
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..
#website design #box #johnson #make #urgent
  • 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.
  • 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>
    • [ 2 ] Thanks
    • [1] reply
    • You may also want to try a dashed border

      Code:
      border: 2px dashed #C72E23; <-nice red color
  • Thanks
    It worked great for me as well

    Wayne
Join the discussion

Next Topics on Trending Feed

  • 9

    How do you make a johnson box? Urgent!

    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..