0

每当我想要一个按钮定位或链接时，我都会遇到问题，它似乎向左或向右跳跃并且当我将鼠标悬停在它上面时变得摇晃。

我试图包括一些打印屏幕，但我在这里的声誉还不够高。干杯，特德

检查我的网站以了解我的意思。租用now.com 谢谢

  1. 当我将鼠标悬停在导航按钮上时，它们会跳到右侧：

    家 

          <li><a href="#services">Expertise | Skills</a></li>
      <li><a href="#projects">Projects</a></li>
      <li><a href="#about">About TED</a></li>
      <li><a href="#contact">Get In Touch</a></li>
     </ul>
  </div><!--/.nav-collapse -->
  </div>
  </div>

  2. 我创建的某些链接也会发生同样的事情。我检查了 Jfiddle，它似乎工作正常，也许它可能是浏览器或 Javascript 的问题？

  3. 要定位按钮或 p 样式文本，我使用样式位置......但也许有人可以解释我如何在 CSS 而不是 HTML 中做到这一点，因为在他们不调整大小的手机上。

例子：

img src="assets/img/map.jpg" style="position: absolute; bottom: 340px; right: 140px;"/

p style="position: absolute; bottom: 585px; right: 185px;"/>我目前位于英国伦敦

a href="https://twitter.com/jus_ted" target="_blank">

4

1 回答 1

1

1）在您的 main.css 文件中，您有一个：hover with margin-right: 600px; 这导致他们跳来跳去。

2）我想它只发生在一些链接而不是所有链接的原因是样式被CSS中其他地方的特殊性所击败。（要了解有关 CSS 特异性的更多信息，请使用 google 或尝试使用这对我有帮助：http: //www.stuffandnonsense.co.uk/archives/css_specificity_wars.html）

3）我需要更多关于你想要达到的目标的信息，但我注意到你正在使用 Twitter Bootstrap。您可以使用 pull-left 和 pull-right 类（试验放置它们的位置以查看不同的结果），您还可以通过包含新的和调整宽度来利用网格系统。如果您还没有，请在此处查看他们网格系统上的 Bootstrap 文档

于 2013-05-15T14:57:48.367 回答