影響其他html頁面元素的表格

-1

我在標題中提到了表單問題。下面是一些圖片影響其他html頁面元素的表格

enter image description here

在這張圖片中可以看到頁面添加表單標籤之前的外觀。

enter image description here

當我在網頁代碼中任何地方增加，出現這種情況。有人可以告訴我，爲什麼會發生這種情況？對不起，沒有給CSS代碼，但我只是不想把它放在這裏。沒有什麼重要的，它的位置都是固定的，向左漂浮。就這樣。

#navigation { 
 
    height: 50px; 
 
    width: 100%; 
 
    position: fixed; 
 
    color: #e7e7e7; 
 
} 
 
#navigation .part { 
 
    background-color: #171717; 
 
    border-bottom: 2px solid #a00706; 
 
    height: 48px; 
 
    opacity: 0.8; 
 
    filter: alpha(opacity=80); 
 
    float: left; 
 
} 
 
#navigation .first { 
 
    background: url('img/mini-ts.png') no-repeat center center; 
 
    background-color: #171717; 
 
    width: 150px; 
 
    margin-right: 20px; 
 
} 
 
#navigation .second { 
 
    width: 580px; 
 
    margin-right: 20px; 
 
    font-size: 14px; 
 
} 
 
    #menu { 
 
    padding-left: 20px; 
 
    padding-right: 20px; 
 
    height: 48px; 
 
    } 
 
    #menu ul { 
 
    float: left; 
 
    } 
 
    #menu li { 
 
    list-style-type: none; 
 
    float: left; 
 
    width: 90px; 
 
    height: 32px; 
 
    text-align: center; 
 
    padding-top: 16px; 
 
    -webkit-transition: background 1.5s ease; 
 
    -moz-transition: background 1.5s ease; 
 
    -ms-transition: background 1.5s ease; 
 
    -o-transition: background 1.5s ease; 
 
    transition: background 1.5s ease; 
 
    } 
 
    #menu li:hover { 
 
    -webkit-transition: background 1.5s ease; 
 
    -moz-transition: background 1.5s ease; 
 
    -ms-transition: background 1.5s ease; 
 
    -o-transition: background 1.5s ease; 
 
    transition: background 1.5s ease; 
 
    background-color: #2f2f2f; 
 
    } 
 

 
#navigation .third { 
 
    width: 230px; 
 
} 
 
    #search { 
 
    background-color: #000000; 
 
    height: 38px; 
 
    margin-top: 5px; 
 
    margin-bottom: 5px; 
 
    width: 220px; 
 
    margin-left: 5px; 
 
    margin-right: 5px; 
 
    overflow:hidden; 
 
}

<div id="navigation"> 
 
     <div class="first part"></div> 
 
     <div class="second part"> 
 
     <div id="menu"> 
 
      <ul> 
 
      <a href=""><li>Sākums</li></a> 
 
      <a href=""><li>Forums</li></a> 
 
      <a href=""><li>Veikals</li></a> 
 
      <a href=""><li>Turnīri</li></a> 
 
      <a href=""><li>Komandas</li></a> 
 
      <a href=""><li>Serveru īre</li></a> 
 
      </ul> 
 
     </div> 
 
     </div> 
 
     <div class="third part"> 
 
     <div id="search"> 
 

 
     </div> 
 
     </div> 
 
</div>

來源

2015-04-23 Ernests ENkss Zemturis

無法在沒有css的情況下回答 –

..和HTML – Turnip

嘗試刪除一切「不必要的」，以便在您的html和css中發生該錯誤，這可能有助於我們排除故障（並且您可能會通過這樣做發現您的問題）。 –

我用<li>代替<nav>對於水平導航。

來源

2015-04-24 11:50:40

影響其他html頁面元素的表格

回答

相關問題