按钮大小无法正确显示

Question

我有两个使用相同主题的网站。一个看起来很好，位于http://yourwhiteknight.com/。另一个有一个小问题，顶部的电话号码下面有一个按钮，上面写着“制造房屋”。你可以在这里看到它：http://realestate.yourwhiteknight.com/

后一个网站上的按钮小于第一个网站，它不应该是。代码实际上是相同的，但我无法找到使按钮变小的位置。

HTML：

<a href="http://www.yourwhiteknight.com/manufactured/">
     <img class="homes" width="233" height="38" src="http://www.yourwhiteknight.com/wp-content/uploads/2012/11/m.homes-tab.png">
</a>

请帮忙。

Answer 1

似乎引导程序CSS正在使用以下代码影响img max-width：

img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

所以你可以用：

覆盖它

img.homes {max-width:none;}

Answer 2

在你的第一个网站中你有这样的css，

   max-width: 233px !important;
   height: 38px;

所以，你的其他网站只是放了这个css代码，

    max-width: 223px;
    width: 223px;
    height: 38px;