背景图像和导航栏边框问题

时间:2013-09-14 15:55:56

标签: html css

我对编程非常陌生并且可能使用一种完全古老的方式来编程我的网站,但到目前为止,它有时令人沮丧,但对我有用。 现在我有2个问题似乎无法解决 第一:背景图片。我一直在使用Chrome检查它,但是当我在IE中打开页面时,我的背景没有显示出来。我检查了语法(一些网站似乎表明我需要添加空格),我没有看到我遇到问题的地方。我也尝试将图像保存为png而不是jpg,但这不起作用。

以下是我的代码:

body {
    background-image: url('images/backrings.jpg'), url('images/backrings2.jpg');
    background-position: left top, right top;
    background-repeat: no-repeat;
}

第二:我的页脚导航栏周围有一个蓝色边框 - 我不知道为什么,并尝试了一切我能想到的东西来摆脱它。

以下是代码:

#footermenu ul {
    background-color: #fff;
    margin: 0; 
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    text-align: right;
    border: none 0px;

}

#footermenu ul li {
    display: inline;

}

#footermenu ul li a {
    font-family:verdana;
    font-style:normal;
    font-size:12px;
    text-decoration:none;
    margin: 0;
    padding: 5px 20px 5px 20px;
    color: #fff;
    background-color:83AFC7;
}
<div id="footermenu">
    <ul>
        <li class="first"><a href="index.html">home</a></li>
        <li><a href="about.html">about</a></li>
        <li><a href="gallery.html">gallery</a></li>
        <li><a href="contact.html">contact</a></li>

    </ul>
    </div>

任何帮助都会非常感激 - 谢谢!

0 个答案:

没有答案