HTML锚中的图像创建了不需要的人工制品

我有一个非常基本的标题，我现在正在处理，由于一些未知的原因，锚内有一个图像标签，创建了一些不需要的人工制品，如下面的打印屏幕：

HTML

---

这些人工制品是在图像边界附近创建的，我在代码中看不到这个问题，所以任何指导都是非常受欢迎的。我知道这是一个小问题，但目前它非常令人沮丧。

这是来自主播a href的下划线，因为链接总是带有标准下划线

文字装饰：无；你应该把它修好

将其放在CSS中的两个锚上，如下所示：

#stof2000-logo {
    position: relative;
    top: 39px;
    left: 80px;
    text-decoration:none;
}

---

锚通常有下划线。这就是为什么你会得到这个人工制品。 您可以使用从页面上的所有定位删除该行

a {text-decoration: none;}

甚至对于那些包含图像的对象，如下所示：

#stof2000-logo, 
#klarparatsy-logo { text-decoration: none; }

---

在图像和链接处，效果总是更好，因此将图像设置为块元素：

.block-content img {
    display: block;
    float: left;
}

.block-content a,
.block-content a:link,
.block-content a:visited {
    padding: 0;
}

---

在样式中，img元素直接使用宽度和填充来定位它们。

这可能是a href中的下划线，因为链接总是带有标准下划线。让我搜索正确的代码行来禁用它..尝试文本装饰：无@myfunkyside是对的。还可以考虑关闭图像标签。例@myfunkyside没错，你应该把它作为答案。它解决了它。妈的，这么简单，但我没想到。非常感谢：如果你能给我一个奇特的复选标记，我将不胜感激：对不起，@myfunkyside更快了

#stof2000-logo, 
#klarparatsy-logo { text-decoration: none; }

.block-content img {
    display: block;
    float: left;
}

.block-content a,
.block-content a:link,
.block-content a:visited {
    padding: 0;
}