html - 链接与图像大小不匹配

标签 html css

我正在构建的网站上的 Logo 是一个图像,如您所料,我希望该图像也是指向网站主页的链接。

问题是链接覆盖的空间远远超出了图像的边界。我知道这可能是一个简单的修复,但在这个过程中我错过了如何解决这个问题。

代码如下:

<p><a href="http://plunderfest.muvltd.com/"><img class="aligncenter" style="border:0;" id="plunderHover" alt="" src="http://plunderfest.muvltd.com/wp-content/uploads/2014/02/pf-final.png" width="372" height="169" /></a></p>

这是网站的链接:http://plunderfest.muvltd.com

任何帮助将不胜感激,谢谢!

最佳答案

问题是您将图像显示为 block ,这将导致图像占据整行,从图像中删除显示 block ,然后添加 text-align: center CSS 到包含图像的 p。对包含年份的 p 也执行此操作。

关于html - 链接与图像大小不匹配,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23330690/

相关文章:

javascript - 固定列表的固定标题根据宽度不响应

python - 如何将 py 文件中的机器学习算法集成到 django 网站中?

html - @fontface 可以在标签中使用吗? (为了电子邮件签名的可靠性)

jquery - ul li 行但有序

css - WordPress 我的自定义类未出现在检查中

html - 为什么同样的font-family在IE和firefox下显示不同的风格?

JavaScript : changing a value of element html

html - 如何将 Masonry 与 AngularJS 模板一起使用?

html - 图像旁边的断线文本,垂直居中

javascript - 根据比例隐藏/显示问题