[SOLVED] Remove text box border

[ballouta]

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

[Cosizzle]

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>

[ballouta]

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

[Cosizzle]

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