Take the 2-minute tour ×

I'm sorry for being a css noob and would appreciate someone to guide me in the right direction.

Webpage i need help with can be found at http://filefx.com

When you hit the page, you will notice that the "Select Files" icon and "Upload Files" icon are not on the same line.

The "Select Files" icon is actually an psuedo upload icon that overlays the real

Right now, whenever i try to put the two icons next to eachother, the "Upload Files" icon gets pushed to the next time and I need these two objects to be on the same line.

So if someone could advise a method to get this done, you'd make me one happy camper.

:) Thanks

share|improve this question
add comment

4 Answers

up vote 0 down vote accepted

here's how I did it:

the HTML around the upload button with the inline style I changed to:

<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">-->
        <input type="image" class="upload" value="Upload" name="upload_bn" id="upload_button" src="images/uploadfiles.PNG">

In the CSS I made the following changes:

.upload {

#upload_buttons_container {

form .fakeupload {
background:url("../images/selectfiles.PNG") no-repeat 100% 100% transparent;
share|improve this answer
sorry for the late accepted answer. I had a collapsed lung and had to goto the hospital. Thanks though :) –  jiexi Sep 1 '10 at 5:58
add comment
<div style="width:200px;">
<div style="width:98px;float:left;">Select files</div>
<div style="width:98px;float:left;">Upload files</div>
share|improve this answer
add comment

Try with:

select files
upload files
share|improve this answer
add comment

you need to set:

.fakeupload need to have a width ie and float:left

#file_picker_container width:0; float:left;

The div arround the upload button width:40%; float:left;

Open the page up using firebug and play with the CSS

share|improve this answer
add comment

Your Answer


