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

в 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. }

буду очень благодарен за помощь

 

Ответ: 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. }

 

Ответ: 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 минут
заработало снова о.о
спасибо, я нашел все ответы

 

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

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