SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot alicia101's Avatar
    Join Date
    Oct 2001
    Posts
    168
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Can this be done using CSS?

    Hi all,
    Can I change a form input button to look like this:
    http://www.kenexus.com/help.gif

    Using CSS?

    So far the closest I have come is:

    Code:
      .unnamed1 {
     font-family: Arial, Helvetica, sans-serif;
     border: thin double #7A9BB0;
     font-size: 11px;
     font-weight: bold;
     color: #FFFFFF;
     background-color: #7A9BB0;
     width: 75px;
    }

  2. #2
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hello

    You could just use the image itself

    Code:
    #searchbutton {
     	width: 85px;
     	height: 19px;
     	background: url(help.gif);
     	cursor: pointer;
     	border: none;
     }
    Hope it helps

  3. #3
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,259
    Mentioned
    245 Post(s)
    Tagged
    1 Thread(s)
    Yes, you can do it, including the round corners (and I am not talking about CSS3). Now, to do it properly you would need a few divs because you have various effects there. So the question is... is it really worth it? I think that the solution provided by John probably is better, but if you really want to get rid of the images... here is the link of an article that talks about round corners with CSS:

    nifty corners

    If you still need help, let me know.


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
  •