1

CSS初心者で申し訳ありませんが、誰かが私を正しい方向に導いていただければ幸いです。

ヘルプが必要な Web ページは、http://filefx.comにあります。

ページにアクセスすると、「ファイルの選択」アイコンと「ファイルのアップロード」アイコンが同じ行にないことがわかります。

「ファイルの選択」アイコンは、実際には、実際の

現在、2 つのアイコンを隣り合わせに配置しようとすると、「ファイルのアップロード」アイコンが次回にプッシュされ、これら 2 つのオブジェクトを同じ行に配置する必要があります。

したがって、誰かがこれを行う方法をアドバイスできれば、私は幸せなキャンピングカーになるでしょう.

：） ありがとう

4

4 に答える 4

1 
<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-21T19:56:23.493 に答える
0

試してみてください：

<div style="float: left; width: 50%;">
select files
</div>
<div style="float: right; width: 50%;">
upload files
</div>
于 2010-09-01T00:25:22.457 に答える
0

設定する必要があります：

.fakeupload には幅 ie と float:left が必要です

#file_picker_container width:0; フロート:左;

アップロード ボタンの周りの div width:40%; フロート:左;

firebug を使用してページを開き、CSS で遊ぶ

于 2010-09-01T00:37:26.387 に答える
0

これが私がやった方法です：

インライン スタイルを変更したアップロード ボタンの周りの 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-01T00:38:46.623 に答える