0

我的尝试可以在http://bit.ly/S4je19上查看

问题 1：上传按钮应向下移动约 5px 以与“选择图像”文件输入内联。我似乎无法让它向下移动，为什么？

问题 2：姓名、邮政编码和电子邮件在 jsfiddle 上基本上是内联的（在同一区域结束），但是当上传到服务器时它们没有？

问题 3：在 jsfiddle 上，右下角的绝对提交按钮做了它应该做的事情，并且复选框和“tick”文本是内联的。在关闭 jsfiddle 的服务器上，提交按钮与复选框和勾选文本内联，并且复选框高于“勾选”文本而不是内联？为什么？

问题 4：下载和打印链接。下载链接应该自动下载（跨浏览器）但不会适用于所有浏览器？打印链接应该自动打开带有打印对话框的文件（跨浏览器），但又不是所有浏览器都可以？我的代码在我的 jsfiddle 的 JS 区域中。这应该适用于任何浏览器 - 也许有人可以提供更好的解决方案？

谢谢！

戴夫

4

3 回答 3

1

1. 问题一：

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

2. 问题 2 & 3：

使用 CSS 重置。标准化或Eric Meyer的. 或者如果你不确定，你可以使用它，但它并不能解决所有问题：

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

3.问题4：

在您的服务器端，请给出标题：Content-disposition: attachment;以强制浏览器下载而不是查看内联。

从浏览器打印 PDF：

您可以使用浏览器中的 JavaScript 与显示文件的阅读器进行通信。我在一个可能值得尝试的问题中发现了另一种方法：

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

这个想法是在浏览器中使用 javascript 来指示 PDF 阅读器打印文件。这种方法适用于嵌入在 HTML 页面中的 PDF 文件。

于 2012-10-28T03:54:35.737 回答
0

  1. 您的form [type=text]规则设置margin-top了5px. 在#FileField中，覆盖它并将其设置为0。

  2. 默认情况下，JSFiddle 使用最小的 CSS 重置。您可能希望包括一个类似的。

  3. 大概和2一样。

  4. 我不知道。下载的东西应该可以在大多数浏览器上运行；打印的东西可能更难控制，因为插件通常会处理显示 PDF。

于 2012-10-28T03:54:31.977 回答
0

对于问题 2，您可能不需要完整的 CSS 重置，只需使用

*{
    margin:0;
    padding:0;
}
于 2012-10-28T03:59:04.687 回答