Home/ Questions/Q 8767343
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T16:47:08+00:00

My attempts are viewable on http://bit.ly/S4je19 Issue 1: The upload button should be moved

  • 0

My attempts are viewable on http://bit.ly/S4je19

Issue 1: The upload button should be moved down about 5px to be inline with the “select image” file input. I can’t seem to get it to move that drop down, why?

Issue 2: Name, Postcode and Email sit basically inline (end at the same area) on jsfiddle, but when uploaded to the server they don’t?

Issue 3: On jsfiddle the absolute submit button on the bottom right does what it should, and the checkbox and “tick” text are inline. On the server off jsfiddle, the submit button sits inline with the checkbox and tick text and the checkbox sits higher than the “tick” text rather than inline? Why?

Issue 4: The download and prinst links. The download link should automatically download (cross-browser) but won’t for all browser? The print link should open the file with a print dialog automatically (cross-browser) but again won’t for all browsers? My code is in the JS area of my jsfiddle. This should work for any browser – maybe someone can provide a better solution?

Thanks!

Dave

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    1. Issue 1:

    #BrowserVisible {
    background: url('http://www.joelandamywedding.com/images/upload.JPG') 100% 5px no-repeat;
    height: 32px;
}

    2. Issue 2 & 3:

    Use a CSS Reset. Either Normalise or Eric Meyer’s. Or if you are not sure, you can use this, but it doesn’t solve everything:

    * {margin: 0; padding: 0; list-style: none;}

    3. Issue 4:

    In your server side, please give the header: Content-disposition: attachment; in order to force browsers to download instead of viewing inline.

    Printing a PDF from the browser:

    You can use JavaScript from the browser to communicate with the reader that shows the file.
    I found this other approach in a question that might worth trying:

    <html>
<script language="javascript">
timerID = setTimeout("exPDF.print();", 1000);
</script>
<body>
<object id="exPDF" type="application/pdf" data="111.pdf" width="100%" height="500"/>
</body>
</html>

    The idea is to use javascript in the browser to instruct the PDF reader to print the file. This approach will work on PDF files embedded in a HTML page.

    • 0