Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Senior Member jbagley's Avatar
    Join Date
    Sep 2004
    Location
    Cape Town
    Posts
    845
    Member #
    7422
    Im trying to (vertically) align my checkboxes with the text next to it.

    Have alook at the attachment. Ive highlighted the text, so you can see the alignment of the checkboxes. They are currently aligned with the bottom of the text. I would like them vertically aligned in the centre of the text.

    The HTML and CSS code Im using for the checkboxes are as follows:
    HTML Code:
    <input name='grp' type='checkbox' value='' class='checkbox' />
    form.checkbox{
       //insert CSS here
    }
    Any help?
    Attached Images Attached Images

  2.  

  3. #2
    Senior Member jbagley's Avatar
    Join Date
    Sep 2004
    Location
    Cape Town
    Posts
    845
    Member #
    7422
    [Bump]

  4. #3
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Have you tried `vertical-align: center;'?

    EDIT: Actually, I think it's `vertical-align: middle;'...

  5. #4
    Senior Member jbagley's Avatar
    Join Date
    Sep 2004
    Location
    Cape Town
    Posts
    845
    Member #
    7422
    The vertical-align property can only be applied to inline elements, <td> and <th> elements.
    That was one of the first things I tried, but as you can see, it wont work.

  6. #5
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Well... The checkbox should be inline... You could wrap them both in a span. Or something. That's about the only thing I can think of, though.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 07:13 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com