CSS aide s'il vous plaît, 2 objets refusent de rester sur la même ligne

Question

Je suis désolé d'être un css noob et j'apprécierais que quelqu'un me guide dans la bonne direction.

i Webpage besoin d'aide peut être trouvé à http://filefx.com

Lorsque vous cliquez sur la page, vous remarquerez que l'icône « Sélectionner les fichiers » icône et « Upload Files » ne sont pas sur la même ligne.

L'icône « Sélectionner les fichiers » icône est en fait une icône de téléchargement psuedo qui recouvre le vrai

En ce moment, chaque fois que j'essaie de mettre les deux icônes côté de l'autre, le « Upload Files » est poussé à l'autre temps et j'ai besoin que ces deux objets soient sur la même ligne. Donc, si quelqu'un pouvait vous conseiller une méthode pour y arriver, vous feriez de moi un heureux campeur.

:) Merci

Answer 1

est ici comme je l'ai fait:

le code HTML autour du bouton de téléchargement avec le style en ligne j'ai changé:

<div style="position: absolute; right: 0pt; top: 0pt;">  <div id="upload_buttons_container"> 
     <!--<input type="image" SRC="templates/default/images/Flexshare-Reset.png" id="reset_button" name="reset_button" value="Reset" class="upload">--> 
     &nbsp;&nbsp;&nbsp; 
     <input type="image" class="upload" value="Upload" name="upload_bn" id="upload_button" src="images/uploadfiles.PNG"> 
     </div></div> 

Dans le CSS j'ai fait les changements suivants:

.upload { 
position:relative; 
width:100%; 
} 

#upload_buttons_container { 
width:300px; 
} 

form .fakeupload { 
background:url("../images/selectfiles.PNG") no-repeat 100% 100% transparent; 
height:75px; 
width:300px; 
} 

Answer 2

Essayez avec:

<div style="float: left; width: 50%;"> 
select files 
</div> 
<div style="float: right; width: 50%;"> 
upload files 
</div> 

Answer 3

vous devez définir:

.fakeupload besoin d'avoir une largeur et à savoir float: left

#file_picker_container largeur: 0; float: à gauche; Le bouton de téléchargement largeur: 40%; float: à gauche;

Ouvrez la page à l'aide de Firebug et jouer avec le CSS

Answer 4

<div style="width:200px;"> 
<div style="width:98px;float:left;">Select files</div> 
<div style="width:98px;float:left;">Upload files</div> 
</div>