填充权只

我有一个脚本，它允许在这里显示基于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

回答