buenas el temita esta en que yo lo inputs de tipo file son los unicos que no podia personalizar entonces encontre por aki un truco de acer un div falso con otro devajo que contendria el verdadero input file y me surgio el problema de que no veia la ruta del archivo a los que les pasa esto decir que yo lo solucione con un javascript en el evento onchange del input o inclu en el onMouseOver del body que coja el
(document.getElementById(nombre_input).value=docum ent.getElementById(nombre_input_file).value)
valor de uno y se lo asigne a la otro.
otra cosa arreglada ara el tema esque yo al apretar a un boton mas desde javascript genero otro y para el truquito este tienes que asignarle a unos de los div una posicion absoluta desde css. y esa posicion me tiene que ir cambiando.
algien sabe cambiar la posicion de un css desde javascript si esque se puede...
por si alguien no conce el truco le pondo el codigo de un ejemplo sencillo :
<html>
<body onmouseover= "valores_onChange()">
<head>
<style type="text/css">
div.falso { position: absolute; top: -10px; left: 0px; z-index: 0; }
input.file { position: relative; filter:alpha(opacity: 0); opacity: 0; z-index: 1; }
</style>
<script type="text/javascript">
function valores_onChange(){
document.getElementById('falso').value=document.ge tElementById('verdadero').value;
}
</script>
</head>
<div style="position:relative" id="verdad">
<input type="file" class="file" size="25" name="verdadero" id="verdadero"/>
<div class="falso" id="falsete">
<input type="text" name="falso" id="falso" size="33" /> <img src="./imagenes/empezar.gif" align="absmiddle">
</div>
</div>
</body>
</html>