6 replies to this topic

[coolaid]

regular inputs are no problem. but when i use <input type="file" /> thats when i get problems. just look here
http://scudworkz.com...ite/submit.html
i cant remove the border and i cant make the submit button move any further to the right, any help?


edit,
you can only see the problem in firefox

Edited by coolaid, 03 March 2006 - 03:13 PM.

[greg]

Can you post the relevant code?

[coolaid]

oh right.. well...
here's the input field "file".

<form>
  <table>
	<tr>
	  <td>Location:</td><td><input type="file" name="file" class="browse" /></td>
	</tr>
  </table>
</form>

and here's the css

.browse{
  width:280px;
  height:24px;
  background:url("layout_images/submit_input_bg.gif") no-repeat;
  padding:0;
  border:0;
}

[greg]

What is type="file" supposed to do? Also, there shouldn't be any quotation marks in url().

[coolaid]

just check the link
http://scudworkz.com...ite/submit.html

it makes a browse input file.

comm on man, i know what im doin (most of the time).
http://jigsaw.w3.org/css-validator/validat...&usermedium=all
not even a warning, its perfectly fine. double quotes/single quotes/ no quotes is all good.

[raenef]

strange bug, Im guessing you're talking about the black top+left border around your location input box and the background continuing even under the browse button?
Well for the background I found that if you switch your .border in your css to width: 145 that fixes that problem (in firefox anyways I dont have the web-dev toolbar in the other browsers to see) but Im not exactly sure what to do about the black border.
If worse comes to worse, just take out class="border" attribute and just have that part of the form "unstyleized" it still looks pretty good.

Edit: I just found this article perhaps it would be of more assistance.

Edited by raenef, 04 March 2006 - 12:23 PM.

[coolaid]

yep, that happened to be zactly waht i was lookin for thanks