Welcome to WebmasterWorld Guest from 54.204.74.171

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)

10+ Year Member



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)



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)

10+ Year Member



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.