is there anyway to cusomize an <input type="file"> thing so that the text field is done with a style sheet and the browse buttons is a picture?<!--content-->you can use the css for the input box but you can't change the button as far as I know.<!--content-->crap...<br />
<br />
the button is the one part i really need...<br />
is there some sorta thing i can do with javascript and do a layers thing witht he image buttons over top of the browse botton?<br />
<br />
or is there anyway with flash to do an upload field?<!--content-->I am guess that if you do a layer thing you won't be able to cover the button. some form elements are controlled by the users OS so you don't have any control over the z-index of that element. you might be able to use flash but I don't know any of that.<!--content-->ok i've done this<br />
basically it just puts a .gif over top of the browse button.<br />
if you scroll down to where it sez **this part** basically that test.gif is over top of the browse button...problem is when you try to click on the test.gif it doesn't do that browse button aswell...is there anyway to set some sorta focus on the browse button....or some sorta way to make it so you can click thru the test.gif to the browse button<br />
<br />
or maybe even make the browse button invisible and put it ontop of the test.gif?<br />
<br />
<html><br />
<head><br />
<title>fake menu</title><br />
<style><br />
body {background-color: red; color: black}<br />
.bottom {color: white}<br />
.top {position: relative; bottom: 1px; right: 90px; color: gray}<br />
.top2 {position: relative; bottom: 1px; right: 71px; color: gray}<br />
.top3 {position: relative; bottom: 1px; right: 120px; color: gray}<br />
.top4 {position: relative; bottom: 1px; right: 121px; color: gray}<br />
.top5 {position: relative; bottom: 1px; right: 26px; color: gray}<br />
table {background-color: silver; border-width: 2px; border-style: solid; border-color: white gray gray white}<br />
</style><br />
</HEAD><br />
<BODY><br />
<table><br />
<tr><br />
<td><br />
New Document<br><br />
<input type="file" class="bottom"><br />
<img src=http://www.htmlforums.com/archive/index.php/"test.gif" class="top"> <---**this part**<br />
<br />
<br />
</td><br />
</tr><br />
</table><br />
</body><br />
</html><!--content-->well I don't see what you want. you say you want the image over the button but when you click the image it clicks the button, not sure if you can do it that way. you can use an image to submit but not browse like that.<!--content-->ya i know you can use an image to submit stuff...<br />
<br />
basically what i want is rather then having a that crappy looking browse button, i want a picture.<br />
<br />
however there is no way to do this...so what i said in my last post was that i have an image overtop of the browse button...however when you click on it, it clicks the picture but not the browse button behind it..<br />
so i want to know if there is anyway i can make it so it clicks the browse button and not the picture?<br />
<br />
or is there a way that i cna make the browse button invisible, inwhich i would put it overtop of the image, that way when you click it would click the invisible browse button...is this possible with css...make stuff invisible/(or transparent?)<!--content-->well you can make things hidden or invisibile but just like it says if it is hidden you can't use it. as far as I know you can't make the button hidden or use an image for it.<!--content-->
<br />
the button is the one part i really need...<br />
is there some sorta thing i can do with javascript and do a layers thing witht he image buttons over top of the browse botton?<br />
<br />
or is there anyway with flash to do an upload field?<!--content-->I am guess that if you do a layer thing you won't be able to cover the button. some form elements are controlled by the users OS so you don't have any control over the z-index of that element. you might be able to use flash but I don't know any of that.<!--content-->ok i've done this<br />
basically it just puts a .gif over top of the browse button.<br />
if you scroll down to where it sez **this part** basically that test.gif is over top of the browse button...problem is when you try to click on the test.gif it doesn't do that browse button aswell...is there anyway to set some sorta focus on the browse button....or some sorta way to make it so you can click thru the test.gif to the browse button<br />
<br />
or maybe even make the browse button invisible and put it ontop of the test.gif?<br />
<br />
<html><br />
<head><br />
<title>fake menu</title><br />
<style><br />
body {background-color: red; color: black}<br />
.bottom {color: white}<br />
.top {position: relative; bottom: 1px; right: 90px; color: gray}<br />
.top2 {position: relative; bottom: 1px; right: 71px; color: gray}<br />
.top3 {position: relative; bottom: 1px; right: 120px; color: gray}<br />
.top4 {position: relative; bottom: 1px; right: 121px; color: gray}<br />
.top5 {position: relative; bottom: 1px; right: 26px; color: gray}<br />
table {background-color: silver; border-width: 2px; border-style: solid; border-color: white gray gray white}<br />
</style><br />
</HEAD><br />
<BODY><br />
<table><br />
<tr><br />
<td><br />
New Document<br><br />
<input type="file" class="bottom"><br />
<img src=http://www.htmlforums.com/archive/index.php/"test.gif" class="top"> <---**this part**<br />
<br />
<br />
</td><br />
</tr><br />
</table><br />
</body><br />
</html><!--content-->well I don't see what you want. you say you want the image over the button but when you click the image it clicks the button, not sure if you can do it that way. you can use an image to submit but not browse like that.<!--content-->ya i know you can use an image to submit stuff...<br />
<br />
basically what i want is rather then having a that crappy looking browse button, i want a picture.<br />
<br />
however there is no way to do this...so what i said in my last post was that i have an image overtop of the browse button...however when you click on it, it clicks the picture but not the browse button behind it..<br />
so i want to know if there is anyway i can make it so it clicks the browse button and not the picture?<br />
<br />
or is there a way that i cna make the browse button invisible, inwhich i would put it overtop of the image, that way when you click it would click the invisible browse button...is this possible with css...make stuff invisible/(or transparent?)<!--content-->well you can make things hidden or invisibile but just like it says if it is hidden you can't use it. as far as I know you can't make the button hidden or use an image for it.<!--content-->