SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2007
    Location
    Auckland, NZ
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Formatting Forms

    Using the great books offered by sitepoint :-) I formatted the following form:

    http://internetlinked.com/internetlinked/quote.php

    In IE7 the checkboxes are formatted correctly (ie. the background colour sits properly) but not FF 2

    In IE 7 the text boxes all have the scoller bar showing, even when not needed.

    How do I correct these two issues?

  2. #2
    SitePoint Enthusiast
    Join Date
    Mar 2007
    Location
    Auckland, NZ
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok I fixed the scoller issue... it's just the background box for the checkboxes :-)

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

    You could try floating the altfield so it isn't an inline element anymore.

    Code:
    .altfield {
        color: #FFFFFF;
        background-color: #B15C5B;
        border: 1px inset #333333;
    float:left
    }
    You may need to offer separate code for IE because IE incorrectly encloses the check box by default. Float may work for both but I haven't checked.

    Alternatively playing with the padding should suit firefox.

    Code:
    .altfield {
        color: #FFFFFF;
        background-color: #B15C5B;
        border: 1px inset #333333;
    padding:7px 2px 1px 0;
    }

  4. #4
    SitePoint Enthusiast
    Join Date
    Mar 2007
    Location
    Auckland, NZ
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I used the padding option and it worked :-)

    Thanks


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
  •