Вид для печати
Люди у меня в оснвной части страницы есть ссылки, но они почти совпадают с фоном страницы. Как мне изменить их цвет? Если я изменяю в css цвет ссылок, то он изменяется и в меню. А цвет менюшки не нужно чтобы изменялся... Помогите пожалуйста мне с css.
Вот страничка моя: [Only registered and activated users can see links. Click Here To Register...]
Надо ввести дополнительный стиль класса ссылки в CSS.
Например:
<style>
Цвет ссылки
a.new:link {
color: #333;
}
Цвет посещённой ссылки
a.new:visited {
color: #666;
}
Цвет активной ссылки
a.new:active {
color: #000;
}
</style>
И в <body> указать этот стиль к конкретной ссылке.
[Only registered and activated users can see links. Click Here To Register...]
</body>
Вот, где-то оно так.... [Only registered and activated users can see links. Click Here To Register...]
Если я правильно понял, то в описаниях для a:link, a:hover и т.д. указываешь цвета для ссылок в тексте, а в #menu a:link, #menu a:hover — для ссылок в меню.
нет. не правильно [Only registered and activated users can see links. Click Here To Register...]
точнее — Вы не поняли [Only registered and activated users can see links. Click Here To Register...]
в меню скорее div.menu ul li a:hover... (по крайней мере до выхода ie7 я бы написал так [Only registered and activated users can see links. Click Here To Register...] )
впрочем чтобы это понять достаточно прочитать главы о селекторах и псевдоклассах из спецификации на [Only registered and activated users can see links. Click Here To Register...]. прочитайте, не сочтите за труд...
peklamy, а Вы ручками код писали? (хотя не похоже) или с помощью какой программы? Если да, то какой?
Во-первых, если link, active, visited полностью совпадают по цвету и по остальному (хотя это излишества уже), как у Вас здесь:
A.small:link {
FONT-SIZE: 11px; COLOR: #ed7500; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
A.small:active {
FONT-SIZE: 11px; COLOR: #ed7500; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
A.small:visited {
FONT-SIZE: 11px; COLOR: #ed7500; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
A.small:hover {
FONT-SIZE: 11px; COLOR: #999999; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
То не стоит их по сто раз прописывать. Достаточно указать стиль link и hover. И сокращайте код CSS, не имеет смысла делать "тяжёлый" код.
a.small:link {
color:#ed7500;
font:Arial, Helvetica, sans-serif;
text-decoration: underline;
}
a.small:hover {
color:#000;
font:Arial, Helvetica, sans-serif;
text-decoration: underline;
}
Если размер шрифта совпадает с изначальным - не стоит его прописывать в классе, впрочем, как и название шрифта. (Обычно указывается семейство похожих).
уфф.. в чужом коде тяжело так слёту, конечно, но я не углядела описание класса .prise, промелькнуло только .priсe..
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; SCROLLBAR-FACE-COLOR: #e1e1e1; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7; SCROLLBAR-SHADOW-COLOR: #e7e7e7; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #555555; SCROLLBAR-ARROW-COLOR: #555555; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #e7e7e7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #555555
}
А вот это вообще что-то... это что? Вы пытались прописать стиль для скролл-бара? Ну так он не видоизменился.
Может лучше так?
body{
margin:0 auto;
padding:0;
font:8pt Verdana, Arial, Helvetica, sans-serif;
color: #000;
scrollbar-face-color: #e1e1e1;
scrollbar-highlight-color: #e7e7e7;
scrollbar-3dlight-color: #555555;
scrollbar-darkshadow-color: #555555;
scrollbar-shadow-color: #e7e7e7;
scrollbar-arrow-color: #555555;
scrollbar-track-color: #e7e7e7;
}
Хотя такой стиль скролл бара не особо отличается от исходного.
Так же советую обратить внимание на МЕТА теги - они не менее важны, чем цвет ссылок.
А вообще да, IE, возвращает к реальности. [Only registered and activated users can see links. Click Here To Register...]