Welcome to WebmasterWorld Guest from 54.242.105.196

Forum Moderators: not2easy

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.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month