css真的搞亂我的網站

好吧，所以我正在通過wordpress製作一個旅遊博客。我做了一些小提琴，包括地圖和一些在小提琴中完美運作的桌子。然而，現在我把它放在我的網站上 - 它搞砸了。我認爲與CSS有關的是搞砸了 - 但我找不到在哪裏。css真的搞亂我的網站

我有最問題就設在這裏的頁面：

http://www.journeywithandrew.com/world-heritage-sites-reviews-info/

問題（1）：的地圖信息框（點擊圖標時）不能正確顯示的CSS。小提琴在這裏：http://jsfiddle.net/4V7en/4/ 你可以看到它是什麼樣子。

問題（2）：使用CHROME或iOS瀏覽器時，我施加的融合層無法正確顯示。所以再次參考上面的小提琴。它在小提琴和互聯網瀏覽器中正確顯示 - 但不是鉻。正如你所看到的，我的網站上的某些地方的圖層是扭曲的。（例如，如果你在地圖上向左滾動到澳大利亞 - 例如）

問題（3）：圍繞我的複選標記按鈕，我似乎在桌子上放置了一個邊框。我試圖刪除表中的這個（等），但它不起作用。不知道什麼CSS導致這個！

我認爲就是這樣。如果有人可以看看該網站，尤其是使用Chrome瀏覽器，您將能夠看到問題。

.caption-title-link { 
    text-decoration:none; 
    color:#41a62a; 
    font-size:12px; 
    font-family: verdana; 
    font-weight: bold; 
}

謝謝!!

來源

2014-02-17 Scientized

1。添加填充：10em; .infobox，它取代了當前的填充：.5em 1em。這應該使內容更好。

2。不太明白的問題

3。目前您的Td設置爲

border-width：0 1px 1px 0;

刪除邊界的寬度和與邊界替換：無

邊界：無;

由於

來源

2014-02-17 03:06:36 Scott

問題1.

表裏面.infobox具有邊距集。添加.infobox table { margin-bottom: 0 }應該修復它。還需要調整.infobox中的td填充。
Em值取決於字體大小，並且在您的頁面中，您已將font-size設置爲1px（vs在Fiddle中，它的大小爲10px）。將它重新設置爲10px應該可以解決填充問題。

問題2.哪個是融合層？

問題3.邊框來自風格。css，第412行

來源

2014-02-17 03:08:49 Rystraum

不，這不適用於問題1，它是從.infobox帶入的唯一變量是背景和字體顏色。我可以將字體大小更改爲1000px並更改爲1px - 無需更改。我添加了你的代碼，但它沒有做任何事情問題2.融合層位於小提琴的119行。它在小提琴上正確顯示，並在Internet Explorer中顯示，但不顯示。在我的網站上向左滾動並查看澳大利亞。看看覆蓋圖是如何排列的？它會變形。這肯定與css有關。問題3，我可以以某種方式爲這個表重設一個類，以覆蓋第412行 – Scientized

看起來你已經能夠修復1和3.我現在沒有IE，所以我不能幫你解決問題＃ 2。 – Rystraum

是的，我一直在，因爲我在表中定義類，所以我必須：table.infobox {}並將參數放在那裏。但是，我不明白爲什麼jsfiddle只允許你使用.infobox {}而沒有表格。問題二令我瘋狂。我確信它與Chrome和移動瀏覽器處理我主題的CSS有關。看起來他們正在使用與融合層相同的類或其他東西。而IE瀏覽器並不這麼做，真是奇怪。還沒有測試過其他瀏覽器，但雅。可以在Google論壇上發佈，或者在這裏設置一個新問題，更好地詳細說明問題。 – Scientized

css真的搞亂我的網站

回答

相關問題