html - div 中的图像不正确

标签 html css image

我正在尝试在 div 中制作可点击的图像,并将其放置在 div 标题下。我希望这张图片与页眉处于同一级别。 谢谢。

HTML:

<div class="One"> <h1> One </h1>
<div <a href="One.html">
<img  alt="One" src="One.jpg" width="200" height="200"> </a></div>
</div>

CSS:

.One{
position:absolute;
top:10%;
left:10%;
height: 35%;
width: 50%;
border: 1px solid;  
}
.One h1{
text-align: center;
}

最佳答案

您忘记关闭其中一个起始 div 标记。您可能还需要在超链接中使用整个 URL。而不是使用

<a href="One.html">

你可能想使用

<a href="http://mywebsite.com/One.html">

关于html - div 中的图像不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44102585/

相关文章:

javascript - 响应式可过滤组合

Javascript 表单验证

html - 在元素两侧均匀分布溢出文本

html - 导航栏 <ul> 而不是表格

javascript - Image.onabort 和 Image.onerror 有什么区别?

html - 文本安全/列表样式类型光盘字符

javascript - 页面中两个不同轮播的两个过渡时间

Safari 6 边框在设置边框半径后悬停后挥之不去

asp.net - C# WebBrowser 控件将网页另存为图片,重定向问题

html - 如何让多个图像自动调整大小并在 div 中保持居中