新的html,面对我的网站上的错误 [英] New at html, facing an error on my website

查看:80
本文介绍了新的html,面对我的网站上的错误的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

好的,所以我做了我的网站在html,但是某些种类的白线条位于顶部,不知道为什么他们在那里,我认为我在我的源代码,如果有人可以帮助找出一个错误为什么他们在那里是伟大的(在html新的,只知道基本)



它的图片



 < font size =4color = white> < h1>本网站由一个只有SaucyFam创建< / font>< / div>< html lang =en>< head& < meta charset =utf-8> < link rel =canonicalhref =http://www.silvergames.com/slitherio> < link rel =alternatehref =http://www.silvergames.com/slitheriohreflang =en> < link rel =alternatehref =http://de.silvergames.com/slitheriohreflang =de> < link rel =alternatehref =http://ru.silvergames.com/slitheriohreflang =ru> < title> Slither.io |游戏2在线玩< / title> < link href =http://i2.silvergames.com/css/n7.css =stylesheettype =text / css> < link href =http://i2.silvergames.com/l-switch/css/polyglot-language-switcher-2.css =stylesheet> < link rel =alternatetype =application / rss + xmltitle =New Gameshref =/ feed / rss.xml/> < script type =text / javascriptsrc =http://i1.silvergames.com/js/jquery-2.1.1.min.js>< / script> < script type =text / javascriptsrc =http://i1.silvergames.com/l-switch/js/jquery/jquery-polyglot.language.switcher.js>< / script> < script type =text / javascriptsrc =http://i2.silvergames.com/js/advertisement.js>< / script> < script type =text / javascriptsrc =http://i1.silvergames.com/js/vote.js>< / script> < script type =text / javascriptsrc =http://i2.silvergames.com/js/swfobject.js>< / script> < script type =text / javascriptsrc =http://i3.silvergames.com/js/fullscreen_full.js>< / script> < / form> < div class =clear_both>< / div> < / div> < div class =polyglot-language-switcherdata-grid-columns =1data-anim-effect =fadedata-open-mode =click> < ul style =display:none> < li> < a href =http://www.silvergames.com/slitheriotitle =Englishdata-lang-id =en> < img src =http://i1.silvergames.com/l-switch/images/flags/us.pngalt =English>英语< / a> < / li> < li> < a href =http://de.silvergames.com/slitheriotitle =Deutschdata-lang-id =de> < img src =http://i2.silvergames.com/l-switch/images/flags/de.pngalt =Deutsch> Deutsch< / a> < / li> < li> < a href =http://ru.silvergames.com/slitheriotitle =Русскийdata-lang-id =ru> < img src =http://i3.silvergames.com/l-switch/images/flags/ru.pngalt =Русский>Русский< / a> < / li> < / ul> < div class =clear_both>< / div> < / div>< / div> < div id =menu_2style =display:none;> < div id =items_2>< / div> < div class =clear_both> < / div> < / div>< / div> < div id =content> < div id =containerstyle =width:1260px;> < div id =game-boxstyle => < div id =game> < div id =game_embedstyle =width:700px; height:500px;> < iframe src =http://slither.io/id =swfallowfullscreen frameborder =0scrolling =nostyle =background-color:#000000; border:nvone; width =700height =500>< / iframe> < / div> < / div> < div id =game-features> < div id =vote-buttons> < / button>& nbsp; < span id =voted>< / span> < / div> < div id =zoom-button> < div style =cursor:pointer; id =fullscreen> < img src =http://i1.silvergames.com/i/fullscreen.pngtitle =全屏alt =全屏> < / div> < / div> < div id =walkthrough-button> < div style =id =walkthrough> < a href =/ slitherio / walkthroughtarget =title =Slither.io Walkthrough> < img src =http://i1.silvergames.com/i/walkthrough.pngalt =walkthrough> < / a> < / div> < / div> < div class =clear_both>< / div> < / div> < / div> < div id =game-related-box> < div class =hot_box> < div id =dynamic-editorial> < ul> < li> < a href =/ goodgame-empiretarget => < img src =http://agar.io/img/1200x630.pngwidth =110height =70alt =:D/> < / a> < / li> < li> < a href =/ goodgame-empiretarget =>未屏蔽的Agario< / a> < / li> < / ul> < / div> < div id =dynamic-editorial-2> < ul> < li> < / div> < div style =position:absolute; top:530px; right:220px; width:250px; height:150px; background-color:> < font size =4color =white> < h1> <<点击此处进入全屏模式< / div> < div style =position:absolute; top:200px; right:233px; width:240px; height:150px; background-color:;> < font size =4color =white> < h1> SaucyFams非常自己的服务器IP模块,即将推出:< IMG STYLE =position:absolute; TOP:70px; LEFT:10px; WIDTH:300px; HEIGHT:200pxSRC =http://slitheriogameplay.com /wp-content/uploads/2016/04/slither-io-mods-300x167.png\"> < / p> < / body>< / html>< html>< body background =http://slither.io/s/bg45.jpg>  

解决方案

问题是10px padding-bottom。
在文件n7.css第31行中,您将看到以下内容:

  #content {
background-color:#ffffff;
padding-bottom:10px;
}

更改方式:

  #content {
background-color:#ffffff;
padding-bottom:0px;
}

让我知道它是怎么回事。


Ok so I made my website in html, but theres some sort of white line bars located on the top and im not sure why they are there i think i made an error in my source code, if someone could please help figure out why they are there thatd be great (im new at html, only know the basics)

Heres a picture of it

<font size="4" color="white">
	<h1>This Website Was Created By The One And Only SaucyFam
</font>
</div>

<html lang="en">
<head>
	<meta charset="utf-8">
	
	<link rel="canonical" href="http://www.silvergames.com/slitherio">
	<link rel="alternate" href="http://www.silvergames.com/slitherio" hreflang="en">
	<link rel="alternate" href="http://de.silvergames.com/slitherio" hreflang="de">
	<link rel="alternate" href="http://ru.silvergames.com/slitherio" hreflang="ru">
	
	<title>Slither.io | Game 2 Play Online</title>
	
	<link href="http://i2.silvergames.com/css/n7.css" rel="stylesheet" type="text/css">
	<link href="http://i2.silvergames.com/l-switch/css/polyglot-language-switcher-2.css" rel="stylesheet">
	<link rel="alternate" type="application/rss+xml" title="New Games" href="/feed/rss.xml" />
	
	<script type="text/javascript" src="http://i1.silvergames.com/js/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="http://i1.silvergames.com/l-switch/js/jquery/jquery-polyglot.language.switcher.js"></script>
	<script type="text/javascript" src="http://i2.silvergames.com/js/advertisement.js"></script>
	<script type="text/javascript" src="http://i1.silvergames.com/js/vote.js"></script>
	<script type="text/javascript" src="http://i2.silvergames.com/js/swfobject.js"></script>
	<script type="text/javascript" src="http://i3.silvergames.com/js/fullscreen_full.js"></script>

	</form>
	<div class="clear_both"></div>
	</div>
	<div class="polyglot-language-switcher" data-grid-columns="1" data-anim-effect="fade" data-open-mode="click">
	
	<ul style="display:none">
		<li>
			<a href="http://www.silvergames.com/slitherio" title="English" data-lang-id="en">
				<img src="http://i1.silvergames.com/l-switch/images/flags/us.png" alt="English">English
			</a>
		</li>
		<li>
			<a href="http://de.silvergames.com/slitherio" title="Deutsch" data-lang-id="de">
				<img src="http://i2.silvergames.com/l-switch/images/flags/de.png" alt="Deutsch">Deutsch
			</a>
		</li>
		<li>
			<a href="http://ru.silvergames.com/slitherio" title="Русский" data-lang-id="ru">
				<img src="http://i3.silvergames.com/l-switch/images/flags/ru.png" alt="Русский">Русский
			</a>
		</li>
	</ul>
	<div class="clear_both"></div>
	</div></div>
	
	<div id="menu_2" style="display:none;">
		<div id="items_2"></div> <div class="clear_both">
	</div>
	</div></div>
	<div id="content">
		<div id="container" style="width:1260px;">
			<div id="game-box" style="">
				<div id="game" >
					<div id="game_embed" style="width:700px;height:500px;">
						<iframe src="http://slither.io/" id="swf" allowfullscreen frameborder="0" scrolling="no" style="background-color:#000000;border:nvone;" width="700" height="500"></iframe>
					</div >
				</div>
				<div id="game-features">
					<div id="vote-buttons">
						</button>&nbsp;
						<span id="voted"></span>
					</div>
					<div id="zoom-button">
						<div style="cursor:pointer;" id="fullscreen">
							<img src="http://i1.silvergames.com/i/fullscreen.png" title="Fullscreen" alt="fullscreen">
						</div>
					</div>
					<div id="walkthrough-button">
						<div style="" id="walkthrough">
							<a href="/slitherio/walkthrough" target="" title="Slither.io Walkthrough">
								<img src="http://i1.silvergames.com/i/walkthrough.png" alt="walkthrough">
							</a>
						</div>
					</div>
					<div class="clear_both"></div>
				</div>
			</div>
			<div id="game-related-box">
				<div class="hot_box">
					<div id="dynamic-editorial">
						<ul>
							<li>
								<a href="/goodgame-empire" target="">
									<img src="http://agar.io/img/1200x630.png      " width="110" height="70" alt=":D"/>
								</a>
							</li>
							<li>
								<a href="/goodgame-empire" target="">Unblocked Agario  </a>
							</li>
						</ul>
					</div>
					<div id="dynamic-editorial-2">
						<ul>
							<li>
					</div>
					<div style="position: absolute; top: 530px; right: 220px; width: 250px; height: 150px; background-color: ">
						<font size="4" color="white">
							<h1>
								<< Click Here To Go Into FullScreen Mode
					</div>
					<div style="position: absolute; top: 200px; right: 233px; width: 240px; height: 150px; background-color: ;">
						<font size="4" color="white">
							<h1>SaucyFams Very Own Server IP Mods, Coming Soon:

								<IMG STYLE="position:absolute; TOP:70px; LEFT:10px; WIDTH:300px; HEIGHT:200px" SRC="http://slitheriogameplay.com/wp-content/uploads/2016/04/slither-io-mods-300x167.png">
								</p>
								</body>
</html>
<html>
<body background="http://slither.io/s/bg45.jpg">

解决方案

The issue is the 10px padding-bottom. In file n7.css , line 31, you'll see the following:

#content {
background-color: #ffffff;
padding-bottom: 10px;
}

Change by:

#content {
background-color: #ffffff;
padding-bottom: 0px;
}

Let me know how it goes.

这篇关于新的html,面对我的网站上的错误的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆