菜单从基础跳来跳去

时间:2016-06-24 10:43:00

标签: javascript jquery html css

在网站中,菜单会跳转(下拉菜单) 你可以在这里看到它:http://hoerecenterlimfjord.dk/

我该如何解决这个问题?我认为它是因为它是由JavaScript完成的,但是如何消除这种跳跃效应呢?我需要使用粉底,因为我需要更改整个网站。因此,如果有人知道我如何改变这种“跳跃”效果,所以当你在网站上浏览或只是进入网站时它不会跳来跳去。 这是我所有页面的问题。谁能告诉我该怎么办?

然后我又得到了另一个问题;为什么这张桌子的宽度我无法做任何事情。我正在尝试制作一张桌子,因为我需要它,你可以在这里看到它:http://thistedbolig.konggulerodhosting.dk/bolig.html

它在网站的底部:“boliger i afdeling”那张桌子都有相同的宽度,只有当我上了移动设备时我可以改变它的小12,该怎么办?

<table>
  <thead>
    <tr>
      <th>Type</th>
      <th>Værelser</th>
      <th>Størrelse</th>
      <th>Indskud</th>
      <th>Husleje</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Lejlighed</td>
      <td>1</td>
      <td>38 m2</td>
      <td>8.600</td>
      <td>2.151</td>
    </tr>
    <tr>
      <td>Lejlighed</td>
      <td>1</td>
      <td>50 m2</td>
      <td>11.400</td>
      <td>3.110</td>
    </tr>
    <tr>
      <td>Lejlighed</td>
      <td>2</td>
      <td>61 m2</td>
      <td>13.900</td>
      <td>3.758</td>
    </tr>
    <tr>
      <td>Lejlighed</td>
      <td>2</td>
      <td>76 m2</td>
      <td>17.300</td>
      <td>4.421</td>
    </tr>
  </tbody>
</table>

菜单代码与thistedbolig网站相同,因此我链接该代码:

<nav>
  <div id="topBar" data-toggler="is-active" class=" top-bar row">
    <button type="button" data-toggle="topBar" class="mobile__close hide-for-large"></button>
    <div class="small-12 columns">
      <div class="top-bar-left">
        <div class="site-logo">
          <a href="index.html"><img src="assets/images/logo.svg" alt=""></a>
        </div>
      </div>
      <div class="top-bar-right">
        <p class="mobile__headline hide-for-large">Menu</p>
        <ul class="menu"
            data-responsive-menu="drilldown large-dropdown"
            data-back-button="&lt;li class=&quot;js-drilldown-back drilldown-back&quot;&gt;&lt;a&gt;Back&lt;/a&gt;&lt;/li&gt;">
          <li class="active"><a href="index.html">Forside</a></li>
          <li>
            <a href="search.html">Ledige boliger</a>
            <ul class="menu">
              <li><a href="search.html">Ledige boliger 1</a></li>
              <li><a href="search.html">Ledige boliger 2</a></li>
              <li><a href="search.html">Ledige boliger 3</a></li>
            </ul>
          </li>
          <li><a href="afdelinger.html">Afdelinger</a></li>
          <li><a href="article.html">Info</a>
            <ul class="menu">
              <li><a href="#">Info 1</a></li>
              <li><a href="#">Info 2</a></li>
              <li><a href="#">Info 3 </a></li>
            </ul>
          </li>
          <li><a href="contact.html">Kontakt</a></li>
        </ul>
      </div>
    </div>
  </div>
</nav>

0 个答案:

没有答案