css-суффиксы a.mainlevel и a:link не работают вместе

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем libero, 21.03.2008.

Статус темы:
Закрыта.
  1. Offline

    libero Недавно здесь

    Регистрация:
    01.11.2007
    Сообщения:
    15
    Симпатии:
    0
    в firefox все отображается корректно, а вот в IE появляются глюки (сначала все ссылки меню отображаются как все ссылки сайта (прописанные суффиксом a:link), а при наведении мышкой текст начинает прыгать между установками a:link и a:mainlevel:hover)

    надеюсь доступно объяснил

    код:

    Код (CODE):
    1. a:link {
    2. font:;
    3. color: #ffc600;
    4. font-size:14pt;
    5. font-family: Georgia;
    6. font-style:;
    7. font-weight:bold;
    8. text-align:;
    9. margin:;
    10. background:;
    11. text-decoration: none;
    12. }
    13. a:visited {
    14. font:;
    15. color: #ffc600;
    16. font-size:14pt;
    17. font-family: Georgia;
    18. font-style:;
    19. font-weight:bold;
    20. text-align:;
    21. margin:;
    22. background:;
    23. text-decoration: none;
    24. }
    25. a:hover {
    26. font:;
    27. color: #ff0000;
    28. font-size:14pt;
    29. font-family: Georgia;
    30. font-style:;
    31. font-weight:bold;
    32. text-align:;
    33. margin-left:;
    34. background:;
    35. text-decoration: none;
    36. }
    37.  
    38. a.mainlevel {
    39. font:;
    40. color: #ffc600;
    41. font-size: 14px;
    42. font-family: Georgia;
    43. font-weight: bold;
    44. text-align: left;
    45.  
    46. padding-left: 7px;
    47. }
    48.  
    49. a.mainlevel:hover {
    50. font:;
    51. color: #ff0000;
    52. font-size: 14px;
    53. font-family: Georgia;
    54. font-weight: bold;
    55. text-align: left;
    56.  
    57. padding-left: 7px;
    58. }


    буду очень благодарен за помощь
     
  2.  
  3. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: css-суффиксы a.mainlevel и a:link не работают вместе

    Задаете "a.mainlevel:hover", задайте "a.mainlevel:link", "a.mainlevel:visited" и "a.mainlevel:active", ну или по крайней мере "a.mainlevel:link" и "a.mainlevel:visited", поскольку в стилевом файле есть "a:link" и "a:visited", обычно их описывают попарно:
    Код (CODE):
    1. a:link, a:visited {
    2.   text-decoration: underline;
    3.   color: #00a9dd;
    4. }
    5.  
    6. a:active, a:hover {
    7.   text-decoration: none;
    8.   color: #00a9dd;
    9. }
     
  4. Offline

    libero Недавно здесь

    Регистрация:
    01.11.2007
    Сообщения:
    15
    Симпатии:
    0
    Ответ: css-суффиксы a.mainlevel и a:link не работают вместе

    спасибо, заработало! только я поэксперементировал немного с суффиксами, и получилось, что ВДРУГ перестал работать суффик a:link. хотя несколько минут назад работал. как и почему - одному денверу известно... посмотрите, пожалуйста, опытным и не замыленным глазом

    Код (CODE):
    1. a:link  {
    2. color: #ffc600;
    3. font-size: 13pt;
    4. font-family: Georgia;
    5. font-weight: bold;
    6. text-align: left;
    7. text-decoration: none;
    8. padding-left: 7px;
    9. }
    10.  
    11. a.mainlevel {
    12. color: #ffc600;
    13. font-size: 13pt;
    14. font-family: Georgia;
    15. font-weight: bold;
    16. text-align: left;
    17. text-decoration: none;
    18. padding-left: 7px;
    19. }
    20.  
    21. a:hover {
    22. color: #c50202;
    23. font-size: 13pt;
    24. font-family: Georgia;
    25. font-weight: bold;
    26. text-align: left;
    27. text-decoration: none;
    28. padding-left: 7px;
    29. }
    30. a.mainlevel:hover {
    31. color: #c50202;
    32. font-size: 13pt;
    33. font-family: Georgia;
    34. font-weight: bold;
    35. text-align: left;
    36. text-decoration: none;
    37. padding-left: 7px;
    38. }
    39.  
    40. a:active {
    41. color: #c50202;
    42. font-size: 13pt;
    43. font-family: Georgia;
    44. font-weight: bold;
    45. text-align: left;
    46. text-decoration: none;
    47. padding-left: 7px;
    48. }
    49. a.mainlevel:active {
    50. color: #c50202;
    51. font-size: 13pt;
    52. font-family: Georgia;
    53. font-weight: bold;
    54. text-align: left;
    55. text-decoration: none;
    56. padding-left: 7px;
    57. }


    Добавлено через 14 минут
    заработало снова о.о
    спасибо, я нашел все ответы
     
    Последнее редактирование: 02.04.2008
  5. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: css-суффиксы a.mainlevel и a:link не работают вместе

    Не работало, потому что не в той последовательности задавали функционалы ссылок, должно было быть именно так, как я описывал ранее. Тему закрыл. B)
     
Статус темы:
Закрыта.

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

Загрузка...