Web Design Forums

deweydesigns · 23-03-2006, 02:46

need some help with this.. trying to use a graphic as a background image that has included it's own input boxes.. need to make the REAL form's input boxes 'hidden' or transparent somehow... plz b specific.. ty

cam · 23-03-2006, 05:23

Is this what you're after?

http://www.picment.com/articles/css/funwithforms/

deweydesigns · 23-03-2006, 05:29

yes, ty.. very interesting. i may need this too... however, i solved it with strictly css.. assigned id's to the input elements.. gave those background images in the css...

Code:

#firstname {position: absolute; top: 180px; left: 15px; width: 88px; height: 34;
	background-image: url(images/per_school/input_firstname.jpg);

	font-family: "Georgia", "Times New Roman", serif;
	font-size: 22px; font-weight: 100;
	color: #555; /*the color of the text in the forms*/

              border:0px; border-style:none;
	text-indent: 3px; /*length of the edge of textbox*/
	margin:0px;
	padding-top: 4px; padding-left: 6px; padding-right: 3px; padding-bottom: 0px;
}

  <input id="firstname" type="text" name="firstname" />

23-03-2006, 02:46	#1 (permalink)
deweydesigns Registered User Join Date: Oct 2004 Posts: 16	using graphics for input boxes on forms need some help with this.. trying to use a graphic as a background image that has included it's own input boxes.. need to make the REAL form's input boxes 'hidden' or transparent somehow... plz b specific.. ty

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

23-03-2006, 05:23	#2 (permalink)
cam vague™ Join Date: Mar 2004 Location: Glasgow Posts: 5,555	Is this what you're after? http://www.picment.com/articles/css/funwithforms/

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)