Boutons de positionnement sous forme HTML

Question

Voici mon HTML:

<tr> 
       <td> 
        <div class="fileinputs"> 
        <input type="submit" name="submit" class="submit" /> 
        </div> 
        <div class="fileinputs"> 
          <input type="file" class="file" name="uploadedfile" /> 
         <div class="fakefile"> 
           <img src="uf_btt.png" /> 
         </div> 
        </div> 
        <div class="fileinputs"> 
        <input type="reset" class="reset" /> 
        </div> 
        <div class="fileinputs"> 
        <input type="button" class="print" onclick="window.print()" /> 
        </div> 
       </td> 
      </tr> 

Et voici mon CSS:

div.fileinputs { 
    position: relative; 
} 

div.fakefile { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    z-index: 1; 
} 

input.file { 
    position: relative; 
    text-align: right; 
    -moz-opacity:0 ; 
    filter:alpha(opacity: 0); 
    opacity: 0; 
    z-index: 2; 
} 

En conséquence, les boutons sont positionnés verticalement, un sous l'autre. Dans IE seulement "Upload File" bouton est vu. J'ai besoin que tous les boutons soient positionnés horizontalement, l'un à côté de l'autre, et qu'ils soient uniformes dans tous les navigateurs. Comment l'obtenir? Merci!

Answer 1

vous voudrez peut-être en apprendre davantage sur CSS float. utilisez alternativement SPAN au lieu de DIVS, ou DIVs avec le style 'display: inline'