Question

我的网站网址为http://www.hentaireader.com

在右下角，我希望在红色页脚栏上放一个小链接。

我创建了一个我想做的简单图像。

我怎样才能实现这个目标？

Answer 1

此页面上的代码是一场灾难。据说你必须从HTML中删除http://www.hentaireader.com/images/bar.gif图像并使用CSS创建背景图像。

需要与此类似的东西......

CSS：


#footer-bar {
      width:100%;
      background-color:#f40000;
      background-image: url(http://www.hentaireader.com/images/bar.gif);
      background-position:top center;
      background-repeat:no-repeat;
      text-align: right;
      margin-bottom: 10px;
}
#footer-bar ul {
        width: 950px;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: 0px;
        top: 0px;
}
#footer-bar li {
        display: inline;
        line-height: 30px;
        margin-left: 6px;
}
#footer-bar li a {
    color: #FFFFFF;
}

HTML：

<div id="footer">
  <div id="footer-bar">
    <ul>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Another Link</a></li>
    </ul>
  </div>
  All characters on hentaireader.com are purely fictional and 18+ years of age.
</div><!--- FOOTER --->

看这里...... http://jsfiddle.net/b8Xh7/1/

Answer 2

好的，首先是好的。你看到红色吧？ div里面有一个div，你有一个图像。您应该将（红色条）图像作为背景，并在div中放置一个链接。然后，您可以通过填充/边距将链接放置在您想要的位置。

#footer a {}

<a href="">Example</a>

页脚栏上的文字

2 个答案: