一些挑剔的HTML，CSS和JS問題

Question

我的嘗試可以在http://bit.ly/S4je19上看到

問題1：上傳按鈕應向下移動約5像素，以與“選擇圖片”文件輸入保持一致。 我似乎無法移動下拉菜單，為什么呢？

問題2：名稱，郵政編碼和電子郵件在jsfiddle上基本上是內聯的（位於同一區域），但是當它們上載到服務器時，它們不是嗎？

問題3：在jsfiddle上，右下角的絕對提交按鈕可以實現其應有的功能，並且復選框和“刻度”文本是內聯的。 在jsfiddle以外的服務器上，“提交”按鈕與復選框和刻度文本位於行內，而復選框比“刻度”文本位於內行而不是內聯？ 為什么？

問題4：下載和打印鏈接。 下載鏈接應該會自動下載（跨瀏覽器），但不是所有瀏覽器都可以嗎？ 打印鏈接應自動通過打印對話框（跨瀏覽器）打開文件，但同樣不是所有瀏覽器都可以嗎？ 我的代碼在我的jsfiddle的JS區域中。 這適用於任何瀏覽器-也許有人可以提供更好的解決方案？

謝謝！

戴夫

Answer 1

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文件。

Answer 2

您的form [type=text]規則將頁margin-top設置為5px 。 在#FileField ，將其覆蓋並將其設置為0 。
默認情況下，JSFiddle使用最小的CSS reset 。 您可能想包括一個類似的對象。
可能與2相同。
我不知道。 下載的東西應該可以在大多數瀏覽器上使用。 打印的東西可能很難控制，因為插件通常會處理顯示PDF的情況。

Answer 3

對於問題2，您可能不需要完全重置CSS，只需使用

*{
    margin:0;
    padding:0;
}

一些挑剔的HTML，CSS和JS問題

問題描述

3 個解決方案

解決方案1
1 已采納 2012-10-28 03:54:35

1.問題1：

2.問題2和3：

3.問題4：

從瀏覽器打印PDF：

解決方案2
0 2012-10-28 03:54:31

解決方案3
0 2012-10-28 03:59:04

一些挑剔的HTML，CSS和JS問題

問題描述

3 個解決方案

解決方案1 1 已采納 2012-10-28 03:54:35

1.問題1：

2.問題2和3：

3.問題4：

從瀏覽器打印PDF：

解決方案2 0 2012-10-28 03:54:31

解決方案3 0 2012-10-28 03:59:04

解決方案1
1 已采納 2012-10-28 03:54:35

解決方案2
0 2012-10-28 03:54:31

解決方案3
0 2012-10-28 03:59:04