【问题标题】:Stuck! I need some help creating this footer卡住!我需要一些帮助来创建这个页脚
【发布时间】:2013-07-13 04:58:05
【问题描述】:

这是我在这里的第一篇文章。 我想知道您是否可以向我建议如何在这张图片中制作页脚:
http://i5.minus.com/ik0O1e7e2qWQd.jpg


到目前为止,我有这个:
http://www.seann.biz/testflight
但我不能完全正确地设置页脚。顺便说一句,我正在使用引导程序。 如您所见,有两列宽度相同但颜色不同,我希望先对这两列进行排序,然后再对其余列进行排序。 这是我编写的第一个完整网站,如果有点乱,请见谅

【问题讨论】:

    标签: image twitter-bootstrap footer


    【解决方案1】:

    你可以使用csswidth:50%然后float:left,添加到最后

    类似这样的:

    <div id="footer" style="width:100%;height:300px">
      <div id="footerleft" style="width:50%;height:300px;background-color:#000;float: left;"></div>
      <div id="footerright" style="width:50%;height:300px;background-color:#ccc;float: left;"></div>
    </div>
    

    希望对你有帮助

    编辑

    检查这个小提琴http://jsfiddle.net/X4tdz/

    在图片中添加以下css

    • position:absolute
    • left:50%
    • top:50%
    • margin-left:-50px // 图片宽度的一半
    • margin-top:-50px // 图片高度的一半

    确保图片的父div设置为position:relative

    PS:如果您有任何NEW 问题,请提出一个新问题,以便其他人也可以贡献。

    【讨论】:

    • 非常感谢!它实际上有很大帮助:) 现在通过导入 twitter 和 spotify 来做一些困难的事情,但让它看起来很好,然后让它响应,所以它看起来像这样:i7.minus.com/iDip8G5H2Mw1V.jpg
    • @seangeraghty 祝你好运。谷歌会一路帮助你。如果你找不到任何好的东西。只需在stackoverflow中问一个问题。顺便说一句,如果你觉得我的回答有帮助。请。检查它,以便其他人知道这个问题已得到解答。谢谢!
    • 知道如何让 Dribbble 徽标像图片中那样位于这两个 div 的中间吗?试过了,但由于 div 是分开的每一边,我只能让图像集中在一个而不是另一个或只是在整个页脚上方居中?再次感谢。
    猜你喜欢
    • 2020-08-06
    • 1970-01-01
    • 1970-01-01
    • 2013-04-13
    • 2016-02-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多