【问题标题】:Adding a basic banner to top of tumblr website在 tumblr 网站顶部添加基本横幅
【发布时间】:2020-05-13 11:50:44
【问题描述】:

我只想在我的 tumblr 网站顶部添加一个基本横幅。代码(发布在下面)就在 html 的 <body> 部分下方,但是我无法弄清楚为什么我放入“imgurlhere”部分的任何 img 链接只显示为损坏的图标(见图)。

 <a href=“myurlhere”><center><img src=“imgurlhere” width=“500”></center></a>

broken image icon that's showing up

我的想法是上传一个简短的gif到tumblr,然后将代码复制到html中,这样它就可以作为广告放在我的网站顶部。但是,我放入“imgurlhere”部分的每个网址都显示为已损坏 - 无论我在网上找到的建议是什么,都表明这是一个人需要做的。

  • 我确保包含正确的链接,例如 .png 等
  • 并确保直接从“复制图像地址”复制它。

有什么想法吗?

谢谢!

【问题讨论】:

  • 您好,尝试为图像设置一些高度,例如 height:200px;
  • 嗨,Rishabh,好建议,但是,刚刚尝试了这个,它仍然显示一个损坏的图像图标。

标签: html css url tumblr banner


【解决方案1】:

我认为在 img 标签中设置 width="500" 导致了这个问题。

-最好的方法是添加一个类,然后设置图像的宽度。

.image{
width:500px;

}
&lt;a href=“#”&gt;&lt;center&gt;&lt;img src="https://images.pexels.com/photos/302804/pexels-photo-302804.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=3&amp;h=750&amp;w=1260" class="image"&gt;&lt;/center&gt;&lt;/a&gt;

尝试在那里使用您的图片,让我知道它是否有效。谢谢您

【讨论】:

  • 嗨,Rishabh,就是这个!我已经让它工作了。非常感谢您的时间和帮助!
  • 我很高兴帮助你:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-12-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多