Joomla 1.5 Оптимизация шаблона под Opera 11

Тема в разделе "Вопросы юзабилити", создана пользователем =Raven=, 21.02.2011.

  1. =Raven=
    Offline

    =Raven= Недавно здесь

    Регистрация:
    02.07.2010
    Сообщения:
    19
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте, уважаемые.
    Вот, столкнулся со следующей проблемой: в шаблоне для джумлы некорректно отображается форма входа.
    Выглядит это так:

    В IE, FF, GC нормально
    [​IMG]

    А вот в Opera формы ввода залазят на текст.
    [​IMG]

    А вот, собственно, код, отвечающий за эти формы:
    Код (html):
    1. /*login vm*/
    2. .pretext, .posttext{
    3.     font-size: 11px;
    4.     padding: 5px 10px;
    5.     line-height: normal;
    6.     border-top: 1px solid #d7d7d7;
    7.     border-bottom: 1px solid #d7d7d7;
    8.     background-color: #f5f5f5;
    9. }
    10.  
    11. .pretext{
    12.     margin-bottom: 10px;
    13. }
    14.  
    15. .posttext{
    16.     margin-top: 10px;
    17. }
    18.  
    19. .customerlogin{
    20.     margin-top: 20px;
    21. }
    22.  
    23. .customerlogin .inputbox{
    24.     font-weight: bold;
    25. }
    26.  
    27. .customerlogin #username_vmlogin{
    28.     background: url(../images/username.png) 95% 50% no-repeat #ffffff;
    29. }
    30.  
    31. .customerlogin #password_vmlogin{
    32.     margin-top: 10px;
    33.     background: url(../images/password.png) 95% 50% no-repeat #ffffff;
    34. }
    35.  
    36. .customerlogin #submit_vmlogin{
    37.     margin-top: 10px;
    38. }
    39.  
    40. .customerlogin ul{
    41.     line-height: normal;
    42.     margin-top: 10px;
    43.     border-top: 1px solid #ebebeb;
    44. }
    45.  
    46. #tpcontainer .customerlogin li{
    47.     list-style: none;
    48.     font-size: 11px;
    49.     padding: 5px 0px 5px 30px;
    50.     margin: 0px;
    51.     border-bottom: 1px solid #ebebeb;
    52.     background: url(../images/arrow.png) 10px 50% no-repeat;
    53. }
    54.  
    55. .customerlogin li a:link,
    56. .customerlogin li a:visited,
    57. .customerlogin li a:active{
    58.     font-size: 11px;
    59. }


    Вот только я не могу понять, где в нём что поправить надо. Подскажите, если не трудно.
    Спасибо.
     
  2.  

Поделиться этой страницей

Загрузка...