SitePoint Sponsor

User Tag List

Results 1 to 9 of 9

Hybrid View

  1. #1
    SitePoint Addict
    Join Date
    May 2001
    Location
    hong kong
    Posts
    214
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is the page I made
    http://csss.hypermart.net/test.htm
    What my problem is I want to get rid of the white box around button and I know that is something corelated with the style
    < style type=text/css >
    < !--
    A:link {text-decoration: none; color: #408080; font-family: 宋體}
    A:visited {text-decoration: none; color: #006666; font-family: 宋體}
    A:active {text-decoration: none; font-family: 宋體}
    A:hover {text-decoration: none; color: #FF0000}
    body,table {font-size: 12px; font-family: 宋體}
    input { font-size: 12px; color: #000000; background-color: #FBFBFF; padding-top: 3px}
    .c { font-family: 宋體; font-size: 12px; font-style: normal; line-height: 16px; font-weight: normal; font-variant: normal; text-decoration: none}
    -- >< /style >
    Very grateful for any help........

  2. #2
    .net install meltdown
    Join Date
    May 2001
    Location
    View Ridge
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Are you talking about the button color?

    If so:

    input { font-size: 12px; color: #000000; background-color: #cccccc; padding-top: 3px} .

    Hope this helps or?

  3. #3
    SitePoint Addict
    Join Date
    May 2001
    Location
    hong kong
    Posts
    214
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    simple question

    I change it but it greyish my background color of ICQ&anything table
    http://csss.hypermart.net/test1.htm
    not exacly the required result..
    Thanks

  4. #4
    .net install meltdown
    Join Date
    May 2001
    Location
    View Ridge
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What is your desired result?

  5. #5
    Feel my RewiredMind KMxRetro's Avatar
    Join Date
    Jan 2001
    Location
    Exeter, Devon, UK
    Posts
    477
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I *think* he means the colour of the radio button backgrounds, (they're white, table cell is grey). Not sure how to fix that myself but thought I'd try to clear it up

  6. #6
    Anyone seen my cypher? OneChance's Avatar
    Join Date
    Apr 2001
    Location
    Seattle
    Posts
    281
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Create a style like this: .radiocolor { color: #000000; background-color: #E1E1E1; }

    ...and reference it in your radio inputs: <input type="radio" name="Sex" value="w" class="radiocolor">F

    The "background-color" is the background color you're matching and "color" should be a contrasting color (I think Mac IE paints the button this color).

  7. #7
    SitePoint Addict
    Join Date
    May 2001
    Location
    hong kong
    Posts
    214
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    SitePoint Enthusiast seems to the point that I like to express.
    I can figure out what your meaning is .
    I will show you the result if it is ok.

  8. #8
    SitePoint Wizard
    Join Date
    Jan 2001
    Location
    Milton Keynes, UK
    Posts
    1,011
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Folllowing from OneChance, you could also set the background color to transparent.

    .radiocolor { color: #000000; background-color: transparent;}

    This still means you have to define two css rules for your form elements. One for your checkboxes and radio buttons and another for all the other input types. Personally, I normally define a catch all one for the input tag, then separate ones for buttons/submits/resets and another for checkboxes/radio buttons.

    Technically, you should also be able to use the css selector:

    input[type="radio"]

    but this isn't very widely supported at the moment. What a suprise!

  9. #9
    SitePoint Addict
    Join Date
    May 2001
    Location
    hong kong
    Posts
    214
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    simple csss

    successful done
    Here is the result
    http://csss.hypermart.net/2.htm
    I must say this is really a wonderful ON-LINE tutorial

    Surprisingly I got a bonus from shane( another method that I never imagine before)...

    To accomlish job I add all input item with class="radiocolor"
    It works

    Anyway a joyful person thanks you all..........


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
  •