請求CSS幫助，2個對象拒絕保持在同一行

我很抱歉作爲一個CSS noob，並希望有人引導我在正確的方向。請求CSS幫助，2個對象拒絕保持在同一行

網頁我需要可以在http://filefx.com

找到幫助當你點擊頁面，你會發現，「選擇文件」圖標和「上傳文件」圖標不在同一直線上。

「選擇文件」圖標實際上是覆蓋在真正

現在，每當我試圖把兩個圖標旁邊的海誓山盟，「上傳文件」圖標就會被推到下一個僞上傳圖標時間和我需要這兩個對象在同一行。

所以如果有人可以建議一種方法來完成這件事，你會讓我成爲一個快樂的露營者。

:)謝謝

來源

2010-09-01 jiexi

這裏打球是我是如何做的：

周圍的上傳按鈕的HTML與內嵌樣式我改成：

<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>

在CSS我做了以下修改：

.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; 
}

來源

2010-09-01 00:38:46

對於已接受的答案已經很抱歉。我肺萎陷，不得不到醫院。雖然謝謝:) – jiexi 2010-09-01 05:58:48

嘗試用：

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

來源

2010-09-01 00:25:22

需要設置：

.fakeupload 需要的寬度，即和float：左

#file_picker_container 寬度：0;向左飄浮;

div上傳按鈕寬度：40％;向左飄浮;

打開網頁了使用Firebug與CSS

來源

2010-09-01 00:37:26 Daveo

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

來源

2010-12-21 19:56:23 Anas856

請求CSS幫助，2個對象拒絕保持在同一行

回答

相關問題