Хорошо, поэтому я сделал свой сайт в html, но theres некоторые белые линии, расположенные сверху, и я не уверен, почему они там, я думаю, что сделал ошибку в моем исходном коде, если кто-то может помочь выяснить, почему они там будет здорово (im new at html, знаю только основы)
Вот ее картина
<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> <span id="voted"></span> </div> <div id="zoom-button"> <div style="cursor:pointer;" id="fullscreen"> <img src="http://img.ruphp.com/php/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://img.ruphp.com/php/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://img.ruphp.com/php/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://img.ruphp.com/php/bg45.jpg"> Проблема заключается в 10px padding-bottom. В файле n7.css, строка 31, вы увидите следующее:
#content { background-color: #ffffff; padding-bottom: 10px; }
Изменить по:
#content { background-color: #ffffff; padding-bottom: 0px; }
Дайте мне знать, как это происходит.
Причина проблемы здесь;
#content { background-color: #ffffff; padding-bottom: 10px; }
Но я вижу, что «вы не очень хорошо знакомы с css», поэтому этот код находится в файле вашего сервера ( http://i2.silvergames.com/css/n7.css ). Пожалуйста, перейдите туда, найдите код выше и измените:
#content { background-color: #ffffff; padding-bottom: 0px; }
Это все.