ballouta Posted April 4, 2008 Share Posted April 4, 2008 Hello, i have a simple html form that contains input tags: <tr> <td width="201" align="center"><b>Quantity you want</b></td> <td width="201" align="center"><b>Item Brand</b></td> <td width="202" align="center"><b>Description</b></td> <td width="202" align="center"><b>Item Number/Code</b></td> </tr> <tr> <td width="201" align="center"> <input type="text" name="qty1" size="31" dir="ltr"></td> <td width="201" align="center"> <input type="text" name="brand1" size="31" dir="ltr"></td> <td width="202" align="center"> <input type="text" name="desc1" size="31" dir="ltr"></td> <td width="202" align="center"> <input type="text" name="item1" size="31" dir="ltr"></td> </tr> I want to hide the border of the text box so it looks like the whie background i am using, many thanks Quote Link to comment https://forums.phpfreaks.com/topic/99521-solved-remove-text-box-border/ Share on other sites More sharing options...
Cosizzle Posted April 4, 2008 Share Posted April 4, 2008 Use CSS. In yourhead tag put <style type="text/css" media="all"> .noBor { border:0; } </style> Use the noBor class in your text box <td width="201" align="center"> <input type="text" name="qty1" size="31" dir="ltr" class="noBor"></td> Quote Link to comment https://forums.phpfreaks.com/topic/99521-solved-remove-text-box-border/#findComment-509313 Share on other sites More sharing options...
ballouta Posted April 6, 2008 Author Share Posted April 6, 2008 Thank you, great solution, it is working. what if i want to use a jpg background for this input like a rounded corner pic? thanks again Quote Link to comment https://forums.phpfreaks.com/topic/99521-solved-remove-text-box-border/#findComment-510717 Share on other sites More sharing options...
Cosizzle Posted April 8, 2008 Share Posted April 8, 2008 CSS has an itribute called back-ground image. It can be used for this. CSS has a small learning curve but once you learn its full power its amazing! I would suggest playing around with a few of these! http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/ Keep posting with more questions if you have them Good luck Mate Quote Link to comment https://forums.phpfreaks.com/topic/99521-solved-remove-text-box-border/#findComment-511836 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.