简单的HTML帮助
简单的HTML帮助
提问于 2009-10-22 11:01:07
由于某些原因，我的<li>不会变成链接。
希望有人能帮上忙。
<div class="header_quick_link">
<ul>
<li style="padding-left:700px;"><a href="#"><img src="images/signup-off.png" height="26px" alt="sign-up off"/></a></li>
<li style="padding-left:798px;"><a href="#"><img src="images/login-off.png" height="26px" alt="sign-up off"/></a></li>
</ul>
</div>
.header_quick_link{
left: 0px;
right: 0px;
top: 0px;
height: 26px;
position: absolute;
background: url(../images/quicklink.png);
background-repeat: repeat-x;
z-index: -1;
}
.header_quick_link li {
float: none;
list-style: none;
left: 0px;
right: 0px;
top: 0px;
position: absolute;
z-index: 6;
height: 26px;
}回答 1
Stack Overflow用户
发布于 2009-10-22 11:06:39
好的，你有一个令人眼花缭乱的浮动，绝对定位，列表，背景图像，前景图像，页边距和填充的混合。保持简单。不要把它变得过于复杂。从一些语义HTML开始：
<div id="signup">
<a href="#"><img src="images/signup-off.png" height="26" alt="sign-up off"/></a>
<a href="#"><img src="images/login-off.png" height="26" alt="sign-up off"/></a>
</div>然后弄清楚如何设计它的样式。我想你想要两个链接在右边紧挨着。很简单。
#signup { overflow: hidden; float: right; }
#signup a { float: left; display: block; margin: 0 10px; padding: 2px 8px; }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1606462
复制相关文章
相似问题
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
