Welcome to WebmasterWorld Guest from 54.161.175.236

Forum Moderators: not2easy

Message Too Old, No Replies

How to border a text box in a form?

Customers see the bground color but not solid border

     
1:17 pm on Oct 25, 2010 (gmt 0)

Full Member

10+ Year Member

joined:Jan 31, 2001
posts: 279
votes: 0


Customers are calling and cannot "see the box". I see it just fine in IE 8.0.76.

Should I use the outline property or any suggestion would help.

.box {
border-style:solid;
border-width:medium;
border-bottom:2px;
border-right:2px;
border-top:2px;
border-left:2px;
border-color:#000000;
background-color:#FFFFA4;
text-align:center;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

In use here: <input name="qty" type="text" id="qty" value="" size="2" class="box" />
1:28 pm on Oct 25, 2010 (gmt 0)

Full Member

joined:July 31, 2005
posts:272
votes: 0


If you plan to put a border, shorten it down. You also could use a background image or color, set the font family, size color of font and all good things with CSS.


.box {
border: 2px solid #000;
background:#ffffa4;
text-align:center;
}

Hope your input tags are placed between the proper form tags.
2:57 pm on Oct 25, 2010 (gmt 0)

Full Member

10+ Year Member

joined:Jan 31, 2001
posts: 279
votes: 0


Yes, my page validates perfectly and the form layout is accurate. Other than the shorthand, is there any difference between the suggestion and the original? Tks.