7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Can Someone Help with Creating a Johnson Box?

by 48dayscoach
5 replies
  • WEB DESIGN
    • |
Hi... I want to wrap my Aweber code in a johnson box, but I'm not familiar with html.

Can anyone give direction how how to do this?

Thanks,
Ramon
#box #creating #creating johnson box #johnson #johnson box
  • Profile picture of the author gideonscott
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[2216153].message }}
    • Profile picture of the author Steve Wells
      Here you go: I wont charge for this....... he he
      You can adjust the width and the height........

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




      Just save this code where you want the johnson box, in your html document..... its super easy...

      You can replace the border: 1px solid, with border 1px dashed if you like dashes.....
      Signature
      Need Custom Graphics Work? - Message Me For A Design Quote!
      {{ DiscussionBoard.errors[2216208].message }}
      • Profile picture of the author chrisatkinson
        thanks for you help so far

        I created the johnson box following your instructions and thats great...

        But I now cannot seem to center the box?

        How do I centre the johnson box in my wordpress blog as the normal wordpress centering doesn't center the box?

        REally appreciate your speedy reply and help

        Chris
        {{ DiscussionBoard.errors[2912251].message }}
        • Profile picture of the author evershine47
          I can help you pm me details.
          Signature
          Search Engine Optimization
          Social Bookmarking Service
          {{ DiscussionBoard.errors[2912302].message }}
          • Profile picture of the author chrisatkinson
            hey evershine47

            Appreciate your help... Not sure how to pm

            Can you post the html code that I need ie the below code with whatever code you add to it so that it centers on my wordpress blog

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

            Thanks heaps
            Chris
            {{ DiscussionBoard.errors[2912586].message }}
  • Profile picture of the author SteveJohnson
    Add 'margin-left: auto; margin-right: auto' to the styles.
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[2913910].message }}

Trending Topics