Border outside of Form!

Cash88 · 05-18-2008, 01:05 AM

Hello Everyone,

I am trying to have a border around my input text field box

Here is the site http://kevinkashou.com/test.html where I am having trouble with. I have a picture of what I am trying to do and the html portion is right after that. YOu can see what I am getting instead.

HTML Code:

<span class="border"><input type="text" class="margin" value="Type Here. . ." /></span>

Code:

		.border {
			width: 146px;
			height: auto;
			margin: 0px;
			padding: 2px;
			border: 1px solid #FFCC33;
		}
		
		.margin {
			width: 150px;
			height: auto;
			margin: 0px;
			padding: 0px;
			font-size: 10px;
			color: #999999;
		}

Any Idea?

Thanks

leftover_color · 05-18-2008, 02:56 PM

I would try 2 things. One, look at the original's source, and spot any differences. Two, try making a background for the frame in photohsop and attributing it to the frame. Good luck!

Cash88 · 05-18-2008, 03:44 PM

All i had to do was put display: block in the border class and it worked fine.

MediaMisfit · 06-12-2008, 10:10 AM

I wouldn't use <span> at all. Just deffine it in your CSS form class.

05-18-2008, 01:05 AM	#1
Cash88 Intern Join Date: Jan 2008 Posts: 13	Border outside of Form! Hello Everyone, I am trying to have a border around my input text field box Here is the site http://kevinkashou.com/test.html where I am having trouble with. I have a picture of what I am trying to do and the html portion is right after that. YOu can see what I am getting instead. HTML Code: <span class="border"><input type="text" class="margin" value="Type Here. . ." /></span> Code: .border { width: 146px; height: auto; margin: 0px; padding: 2px; border: 1px solid #FFCC33; } .margin { width: 150px; height: auto; margin: 0px; padding: 0px; font-size: 10px; color: #999999; } Any Idea? Thanks

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode


Welcome to our Graphic Design Forums! Your Design Forums has active graphic design forums where community members discuss graphic design related topics.

05-18-2008, 02:56 PM	#2
leftover_color Senior Designer Join Date: Apr 2008 Posts: 360	I would try 2 things. One, look at the original's source, and spot any differences. Two, try making a background for the frame in photohsop and attributing it to the frame. Good luck!

05-18-2008, 03:44 PM	#3
Cash88 Intern Join Date: Jan 2008 Posts: 13	All i had to do was put display: block in the border class and it worked fine.

06-12-2008, 10:10 AM	#4
MediaMisfit Designer Join Date: Jan 2008 Posts: 78	I wouldn't use <span> at all. Just deffine it in your CSS form class.