Css下拉菜单背景图像被切断

时间:2015-06-25 01:44:41

标签: html css

我遇到了一些问题。我正在建立一个网站,我习惯使用背景颜色,这次我想使用这个背景图片。到目前为止看起来不错但是当我将下拉菜单设置为display:none; (注释)它切断了下拉菜单背景。我试图弄乱填充设置但是我无法得到令人满意的结果。我甚至试图设置边框,以便我可以看到填充和边距是什么......但它们永远不会出现。我继续上传我所拥有的lizzyengagement.com任何帮助将不胜感激。 下面是我的HTML / CSS HTML:__________________________________________________________________

#include <iostream>

class Foo {
    public:
    Foo(){};

    template<typename T>
    Foo (T&) {
        std::cout << "template" << std::endl;
    }

    //Foo(Foo&) {
    //    std::cout << "copy" << std::endl;
    //}

    Foo(const Foo&) {
        std::cout << "copy2" << std::endl;
    }
};


int main(){
    const Foo f;

    Foo f2 (f);

}

CSS _______________________________________________________________________

<!DOCTYPE html>
<html>
<header>
<link rel="stylesheet" type="text/css" href="wedCss.css"/>
<center><div class="topper">
<img src="Winter_Snowy_Black_Tree_PNG_Picture.png"class="top1" ><img src="imageedit_11_6486922729.gif" class="top2"width="400"><img src="Winter_Snowy_Black_Tree_PNG_Picture.png" class="top3" >
</div></center>
<center>
<div id='canvas' height=200 width=600>
<nav id='primary_nav_wrap'>
<ul>
 <li class='current-menu-item'><a href='index.html'>Home</a></li>
 <li><a href='wedParty.html'>Wedding Party</a>
    <ul>
      <li class='dir'><a href='groomsmen.html'>Groomsmen</a></li>
      <li><a href='bridesmaids.html'>Bridesmaids</a></li>
    </ul>
  </li>

  <li><a href='registries.html'>Wedding Registry's</a>
    <ul>
      <li><a href=''>Walmart</a></li>
      <li><a href=''>Target</a></li>
      <li><a href=''>Bed Bath and Beyond</a></li>
      <li><a href=''>Best Buy</a></li>
    </ul>
  </li>
  <li><a href='rsvp.php'>RSVP NOW!</a>
  <ul>
      <li><a href='rsvp.php'>Respond to wedding invitation</a></li>
      <li><a href='hotelSuggestions.html'>Reserve your Hotel today </a></li>

    </ul>
  </li>

  <li><a href='contactUs.html'>Contact Us</a></li>

</ul>
</div>
</header>
<body>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

</body>
<footer>
.
</footer>
</html>

0 个答案:

没有答案