SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict zeeb44's Avatar
    Join Date
    Apr 2011
    Location
    Greenville, SC
    Posts
    202
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Text aligning question

    at this page - http://breckenridgegroup.com/transac...test_radio.php

    I have radio buttons at the top where you can filter by industry. I am trying to make those two rows justified some how so the top and bottom rows are the same width across. Right now in Firefox, and chrome they are centered using text-align. That doesn't work in IE which is another issue. I need them justified not centered. And for it to work in all browsers. Any one can help
    Personal Portfolio - Zeeb44
    IT Manager for - Family Dental Health

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,466
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    There is no automatic way to equally spread those items I'm afraid. Even if you used a table you would be stuck with the same number of entries in each row.

    If you need them exact that you will need to wrap each pair of radio and inputs in an element that is floated left and each float given an individual width that makes them all fit.

    You must have a full valid doctype for IE to work or you are making it behave much like iE5 and lose all the goodness of the last 10 years.

    Also note that is not valid to wrap a span around block items such as the form element in question. Spans can only wrap other spans or other inline elements.

  3. #3
    SitePoint Member
    Join Date
    Feb 2012
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could try putting the buttons in columns instead of rows or you could put the whole button array into a table


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •