CSS Раздвижные двери проблема - PullRequest
Новая
       4

CSS Раздвижные двери проблема

0 голосов
/ 02 сентября 2011

У меня есть небольшие проблемы с моими раздвижными дверьми CSS на моем сайте.Они выглядят хорошо при более низких разрешениях, но более высокие разрешения, по-видимому, увеличивают размер кнопки и, следовательно, приводят к тому, что кнопки: состояние наведения не работают должным образом.

Вы можете увидеть проблему в правой части заголовкабар здесь (кнопки входа / регистрации): http://www.bituser.com/forum/home.php

Я пробовал несколько решений, таких как использование шрифтов разных размеров и изменение способа измерения шрифтов, но у меня такое ощущение, что я ошибаюсьway.

Вот JSfiddle: http://jsfiddle.net/bituser/vkMEg/1/ (он не совсем там показан, но вы должны увидеть большую часть кода, используемого на сайте).

1 Ответ

0 голосов
/ 02 сентября 2011

Вы просто не загрузили одно из изображений.

У вас есть: 

#user_buttons_right_header span {
    background: url("./styles/prosilver/theme/images/button_left.png") no-repeat scroll left top transparent;
    padding: 1px 10px 4px;
}

Вы должны иметь 

#user_buttons_right_header span {
    background: url("http://www.bituser.com/forum/styles/prosilver/theme/images/button_left.png") no-repeat scroll left top transparent;
    padding: 1px 10px 4px;
}

Вы забыли, чтобы все фоновые изображения имели абсолютный путь.

За исключением шрифта все вроде бы нормально.

EDIT:

ИМХО проблема может заключаться в высоте строки, которая должна быть задана в пикселях.

...