2 replies [Last post]
killkenny
Offline
newbie
South Africa
Last seen: 16 years 3 days ago
South Africa
Timezone: GMT+2
Joined: 2003-10-22
Posts: 2
Points: 0

Hi there everyone.

I know this is not really a box, table or grid, but I thought it would be the best match, so apologies up front.

What I am trying to do is have an INPUT field with an image background and a solid black border.

Now I can do the background image just fine, no problems there, however when I set the border-color to #000000 it makes a black border with a grey border on the inside of that. Weird Hey. So what I did was make the background-color #000000 and the border-color to the same color as the background of my site. This works great until you use it on a different color background.

So after all of that my question is: Is there anyway that I can either sort out the border background issue, or make the background-color transparent.

Thanks to anyone who posts.

Just for reference below is the code I'm using:

   INPUT.button {
      font-family: ARIAL; 
      font-size: 12px; 
      height: 26px;
      border-style: solid ;
      padding: none;
      background-color : #000000;
      border-color : #CCCCCC;
      border-width : 1pt;
      background-image: url(../images/cstar_button_off.gif);
   }

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 3 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

trouble with INPUT backgrounds

Hi killkenny,
Looks like you made a typo,

Quote:
border-color : #CCCCCC;
#CCCCCC; is grey.
Try setting border-color:#000000;

Hope that helps.

killkenny
Offline
newbie
South Africa
Last seen: 16 years 3 days ago
South Africa
Timezone: GMT+2
Joined: 2003-10-22
Posts: 2
Points: 0

trouble with INPUT backgrounds

The #CCCCCC is the background color of my site. it is to make it seem at though the background is transparant. If I make it #000000 it makes a border of 2 pixels