Welcome to WebmasterWorld Guest from 23.22.182.29

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: 272
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: 272
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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members