填充權只

我有一個腳本，它允許在這裏顯示基於URL圖標：JsBin 填充權只

我已經設置填充適合在CSS的img。問題是，第二個網址（nu.nl）也得到了css padding right，而沒有favicon img。我如何設置CSS或更改腳本，以便我的IMG樣式只會影響IMG而不影響其他URL？

2012-03-21 Youss

我想你可以將寬度設置爲像這樣的imgs。您可以使用圖像的邊距。

img {margin-right: 10px;width:16px;height:16px;}

如果沒有圖像，會有一個空白的正方形。

編輯：

如果沒有圖像，圖像將無法與jsvascirpt顯示。我正在加入下面幾行：

extImg.onerror = function(){ 
    faviconIMG.css({'display':'none'}); 
    console.log("error --------------"); 
};

2012-03-21 11:29:28 hkulekci

多數民衆贊成在問題..我不想要一個空白的鄉紳 – Youss 2012-03-21 11:31:31

好吧，如果沒有任何的圖標，圖像上沒有什麼？ – hkulekci 2012-03-21 11:36:30

問題在於文本是'MOVING'在右邊，即使沒有IMG – Youss 2012-03-21 11:39:26

你可以給圖像類

<style> 
    .foo {padding-right: 10px} 
</style> 

<img src="/link/to/img.jpg" class="foo" />

2012-03-21 11:20:26 PaulKoeck

+1，但也許更確切地說 - 'img.foo' – 2012-03-21 11:21:41

請給我在JsBin一個例子。這不工作..（我認爲你應該看看腳本或再次讀問題） – Youss 2012-03-21 11:27:36

嘗試給鏈接一個類，並設置鏈接的填充爲0 – PaulKoeck 2012-03-21 11:31:04

你必須做出一些類或編號指定某些圖像只，因爲現在填充權被應用在所有的圖像標籤。

.Myimages(images which have padding-right) 
{ 
    padding-right:10px; 
}

現在使用這個類無處不在，你想，對於填充右：10px的

我不知道，但是這可能是工作請

var faviconIMG = jQuery('<img src="' + '" alt="" class="Myimages"/>')[config.insert](link);

眼下它在所有的圖像標籤應用因爲你已經在img上應用了填充，這將影響所有具有img的標籤。

2012-03-21 11:22:58 Jack

我該怎麼做？問題是，沒有img，但腳本確實是一個鬼img，雖然不是真的存在，但佔用空間.. – Youss 2012-03-21 11:26:39

這不起作用..（請給我一個例子，如果你認爲它）這是基本的知識，你錯過了這個問題.. – Youss 2012-03-21 11:33:33

檢查它，你必須創建兩個函數，我猜... ... - – Jack 2012-03-21 11:34:36

將IMG元素插入到load事件中的鏈接上，而不是將IMG元素插入到所有鏈接中，而不管是否實際加載了favicon。

2012-03-21 11:24:04

我明白了，我該怎麼做？ – Youss 2012-03-21 11:28:22

也許使用jQuery來處理破碎的形象，它已經創建之後呢？額外的費用，但工作正常。

$("img").error(function(){ $(this).attr('style','padding: 0px;'); });

2012-03-21 11:42:57 ianbailey

回答