How to do a solid square for a tickbox

Posted on 2009-02-23
Last Modified: 2012-05-06

I am designing a form in html (Not as in <form> i mean a paper based form) to be printed of and filled in.

I have having a realll headache trying to do tick boxes. Heres what i have tired:
- An image of a square, but for some reason when the web app converts it to a PDF, 2 sides of the square come out as 2px and the other 2 sides at 1px.
- A special character (&#9744;) but that just comes out with extra line breakes for some reason (see attached image)

Anyone have any other suggestions?
Question by:previewservices
    LVL 20

    Accepted Solution

    I don't understand exactly what you don't like with the &#9744; character.
    If it is because of the wrap inside "Hair & Beauty Studies", I suggest you style the corresponding container accordingly, e.g. <p style="white-space: nowrap">

    Author Comment

    I have attached another example. The above tick boxes are the images which are quite close to  each other whereas the bottom tick boxes have quite a bit of spacing.
    LVL 16

    Expert Comment

    if you are just making a form for print you might try Microsoft Word.  It has draw features and would be a much better tool than trying to format everything with html.

    Author Comment

    There is more to this than just printing a form. There is an asp form when pre fills part of this form and converts the html into PDF.

    Featured Post

    Why You Should Analyze Threat Actor TTPs

    After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

    Join & Write a Comment

    Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
    When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
    In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
    In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now