假设放置了未正确放置的按钮。 CSS。 HTML

时间:2018-06-02 15:13:39

标签: html css

我正在建立一个网站,我遇到了这个问题,当我把家里的'# '第一系列' '与我们联系'等等进入css后,网站复制了我插入的横幅并将其放入了家中。按钮在哪里,而其他按钮放在复制的横幅上。我在最后放了一个屏幕截图,清楚地向你显示这是怎么回事(或者你可以点击这里的数字1) - > 1我不知道自己做错了什么。请有人能告诉我可能是什么问题吗?

Below is the code:



#container{
			width: 1200px;
			margin: auto;
			padding-left: 100px;
			padding-right: 100px; 

    body{
	  	background-color: lightgray;
		font-family: arial;
    }

    header{
		background-image: url("Images/Tv Shows Banner.PNG");
		background-repeat: no-repeat;
		height: 250px;
		width:1200px;
		padding-right:50px;
		padding-left:100px;
		background-position: middle;


    }

    h1{
	    color: white;
	    padding-left: 350px;
	    padding-top: 80px;
	   float: right-side;
	   font-family: Lobster;
	   font-size: 50px;
    }
    nav {
		background-color: black;
		text-align: center;
		line-height: 60px;
		margin-bottom: 20px;
    }

    nav a:link, nav a:visited {
							text-decoration: none;
							color: white;	
							margin: 10px;
							padding: 5px;									
    }

    nav a:hover {
			text-decoration: none;
			background-color: white;
			color: black;
			border-radius: 20px;

<html> 
	      <head>
		      <title>Top 5 Tv Series </title>
		      <link rel="stylesheet" href="Top 5 Tv Series CSS.css">
	      </head>
        <body>
		    <div id="container">
			  <header>
				  <h1>Top 5 TV Series</h1>
				   <img id="Banner" src="Images/Tv Shows Banner.PNG"/>
			   </header>
			
			   <nav>	
				    <a href="Top 5 Tv Series.html">Home</a>
				    <a href="Top 5 Tv Series.html">1st Series</a>
				    <a href="Top 5 Tv Series.html">2nd Series</a>
				    <a href="Top 5 Tv Series.html">3rd Series</a>
				    <a href="Top 5 Tv Series.html">4th Series</a>
				    <a href="Top 5 Tv Series.html">5th Series</a>
				    <a href="Top 5 Tv Series.html">Contact Us</a>
			     </nav>
		       </div>
	       </body>
    </html>
&#13;
&#13;
&#13;

0 个答案:

没有答案