Уменьшение веб-страницы - PullRequest
Новая
       38

Уменьшение веб-страницы

0 голосов
/ 18 июня 2020

во-первых, я совершенно не понимаю, что я делаю, и мне удалось собрать воедино фрагменты из intr anet, чтобы создать веб-страницу для моих работ intr anet.

Когда он открыт, он отображается нормально, а ссылки работают, как задумано, однако содержимое страницы продолжает автоматически сворачиваться, пока оно почти полностью не исчезнет. При обновлении страницы она возвращается в полноэкранный режим.

Вот что у меня есть на данный момент - наверное, несколько людей рассмеются, потому что это, скорее всего, все виды неправильного хахаха :) 

<!DOCTYPE html>
<html>
  <head>
  
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <body>
    <style>
      * {
        box-sizing: border-box
      }

      /* Set height of body and the document to 100% */
      body,
      html {
        height: 1000px;
        margin: auto;
        font-family: Arial, Helvetica, sans-serif;
      }

      /* Style tab links */
      .tablink {
        background-color: #9AE0F4;
        color: White;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        font-size: 25px;
        font-weight: bold;
        width: 20%;
      }

      .tablink:hover {
        background-color: #777;
      }

      /* Style the tab content (and add height:100% for full page content) */
      .tabcontent {
        display: none;
        padding: 100px 20px;
        height: 100%;
      }

      #Home {
        background-color: #85C1E9;
      }

      #Standard {
        background-color: #C49AF4;
      }

      #Niche {
        background-color: #FC9A70;
      }

      #Bike {
        background-color: #F9B7FF;
      }

      #FCA {
        background-color: Pink;
      }

    </style>
 

  

    <button class="tablink" onclick="openPage('Home', this, '#85C1E9')" id="defaultOpen">Home</button>
    <button class="tablink" onclick="openPage('Standard', this, '#C49AF4')">Standard</button>
    <button class="tablink" onclick="openPage('Niche', this, '#FC9A70')">Niche</button>
    <button class="tablink" onclick="openPage('Bike', this, '#F9B7FF')">Bike</button>
    <button class="tablink" onclick="openPage('FCA', this, 'Pink')">FCA</button>

    <div id="Home" class="tabcontent">

        <style>
          a:link,
          a:visited {
            color: Black;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            padding: 20px 25px;
            margin: 5px;
            font-size: 17px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            position: relative;
            width: 240px;
            height: 80px;
            top: 0px;
            border-radius: 25px;
            border: 5px #85C1E9;
          }

        </style> 

<a href="	http://intranet3000/	"	target="_blank"	style="background:	#E5E4E2	">	Audit Summaries	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#00FFFF	">	Client Unsubscribe	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#4863A0	">	Company Information	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#728C00	">	EPA Page	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#FDD017	">	Extensions	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#9172EC	">	Fire Procedure	</a>

</div>

<div id="Standard" class="tabcontent">


<a href="	http://intranet3000/	"	target="_blank"	style="background:	#E5E4E2	">	Audit Summaries	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#00FFFF	">	Client Unsubscribe	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#4863A0	">	Company Information	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#728C00	">	EPA Page	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#FDD017	">	Extensions	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#9172EC	">	Fire Procedure	</a>


</div>

<div id="Niche" class="tabcontent">


<a href="	http://intranet3000/	"	target="_blank"	style="background:	#E5E4E2	">	Audit Summaries	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#00FFFF	">	Client Unsubscribe	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#4863A0	">	Company Information	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#728C00	">	EPA Page	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#FDD017	">	Extensions	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#9172EC	">	Fire Procedure	</a>


</div>

<div id="Bike" class="tabcontent">

 
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#E5E4E2	">	Audit Summaries	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#00FFFF	">	Client Unsubscribe	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#4863A0	">	Company Information	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#728C00	">	EPA Page	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#FDD017	">	Extensions	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#9172EC	">	Fire Procedure	</a>


</div>

<div id="FCA" class="tabcontent">



<a href="	http://intranet3000/	"	target="_blank"	style="background:	#E5E4E2	">	Audit Summaries	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#00FFFF	">	Client Unsubscribe	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#4863A0	">	Company Information	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#728C00	">	EPA Page	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#FDD017	">	Extensions	</a>
<a href="	http://intranet3000/	"	target="_blank"	style="background:	#9172EC	">	Fire Procedure	</a>



</div>

<script>

function openPage(pageName,elmnt,color) {
    var i, tabcontent, tablinks;
    tabcontent = document.querySelectorAll(".tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.querySelectorAll(".tablink");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].style.backgroundColor = "";
    }
    document.getElementById(pageName).style.display = "block";
    elmnt.style.backgroundColor = color;

}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();

</script>
</body>
</head> 
</html>

Затем после этого есть множество гиперссылок на страницы по всей работе intr anet.

Заранее спасибо и имейте в виду любые ответы, я понятия не имею, что я делаю, и цитата изумлен, что я зашел так далеко :)

1 Ответ

0 голосов
/ 18 июня 2020

У вас не может быть двух тегов <head> на одной странице, и у вас не может быть тега <head> после тега <body>, который вы не закрывали. И тег <div> не закрывали. Начни с этого. Вам нужно очистить код, и лучше всего выделить CSS в другой файл и связать его с index. html с помощью тега <link>.

...