2016-01-29 3 views
0

У меня есть два сайта, использующих ту же тему. Один выглядит хорошо и находится на 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> 

Пожалуйста, помогите.

+0

Вы даже осматриваете, братан? – Aziz

+0

На том месте, где он работает, ваш класс настроен на «дома новые», тогда как в том, где он меньше, он настроен на «дома» - это может быть проблемой? –

+0

Не изменилось – MattM

ответ

2

кажется бутстраповская 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;} 
0

В свой первый сайт, у вас есть CSS, как это,

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

поэтому и ваш другой сайт просто введите этот код css,

max-width: 223px; 
    width: 223px; 
    height: 38px; 
Смежные вопросы