Jump to content
  • 0

Задать разный цвет ссылок в блоках


Zeeeya
 Share

Question

Здравствуйте! Подскажите, пожалуйста, как задать для блока меню цвет текста, отличный от цвета ссылок? СЕйчас пункты меню оформляются, как все ссылки на сайте...

вот CSS:

* {
margin:0;
padding:0;
}

/*стандартные оформление ссылок и заголовков*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}

/*оформление всех ссылок на сайте*/

a{
text-decoration: none;
color:#2a76bd;
}
/*непосещенная ссылка*/
a:link{
text-decoration: none;
color: #2a76bd;
}
/*посещенная ссылка*/
a:visited, a.visited{
text-decoration: none;
color:#2a76bd;
}
/*ссылка при наведении*/
a:hover, a.hover{
text-decoration: none;
color: #dde383;
}

/*заголовки 1 уровня*/
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover{
font:bold 18px Arial, Helvetica, sans-serif ;
font-style:italic;
color: #ffffff;
text-align:left;
}
/*заголовки 2 уровня*/
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover{
font-size:bold 14px;
color: #c0ddf8;
font-style:italic;
text-align:left;
font-family:Georgia;
}
/*заголовки 3 уровня*/
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover{
font-size: 18px;
color: #ffffff;
text-align:center;
font-style:italic;
font-family:Georgia;
}
/*заголовки 4-6 уровня*/
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover,h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover,h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover{
font-size: 125%;
color: #17455d;
}



/*оформление абзацев текста*/
p {text-decoration: none;
color: #08253f;
margin: 5px 10px 0 0;
font-family:Arial, Helvetica, sans-serif ;
text-indent: 25px; /* Отступ первой строки в пикселах */
}

li {
list-style-type: none; /* Убираем маркеры */
}

/*оформление заднего плана и форматирование текста сайта и межстрочного расстояния*/
body {
background-color:#08253f;

margin:0 auto;
padding:0;
font-family:Arial, Helvetica, sans-serif ;
line-height:1.3;

height: 100%;
}


#wrap{
width: 1006px;
width:1460px;
height: 100%;
margin:auto;
background: url(../images/fon.jpg) no-repeat;
overflow: visible;
}

#header{
width:960px;
height: 341px;
margin:0 auto 0;

}


#pole{
overflow: hidden;
background-color:#08253f;
width:960px;
margin:0 auto;
}


#user2{
text-align:center;
margin:0 25px 0 25px;
height: 40px;
font-size:16px;
font-style: bold;
}

#menu{
margin-top: 30px;
float: left;
background: url(../images/menu.gif) no-repeat;
width: 225px;
height: 400px;
padding-top: 69px;
padding-left: 25px;
}
.moduletable_menu{
font: bold 20px TimesNR, serif;
text-align:left;
line-height: 1.73;
}
#content_ramka{
position:relative;
margin-top: 30px;
float:right;
width: 700px;
align:center;
}
#ramka_top{
position: absolute; /* Абсолютное позиционирование */
top: 0px; /* Положение от верхнего края */
right: 0px; /* Положение от правого края */
background: url(../images/ramka_top.png) no-repeat;
width:690px;
height: 171px;
}

#content{
background: url(../images/grad.png) repeat-y;
margin: 10px 10px 8px 10px;
width:680px;
height: 100%;

}
.item-page{
padding: 40px 40px 40px 40px;
font-family: "Arial", "Helvetica", sans-serif;
}

#ramka_bottom{
position: absolute; /* Абсолютное позиционирование */
bottom: 0px; /* Положение от нижнего края */
left: 0px; /* Положение от Левого края */
background: url(../images/ramka_bottom.png) no-repeat;
width:690px;
height: 169px;
}
#bottom {
background: url(../images/bottom.jpg) no-repeat;
width:960px;
height: 267px;
margin:0 auto 30px;
padding-top: 170px;
text-align: center;
font-size: 12px;
color: #c0ddf8;
}
a.visited {
color: #ffffff;
}

сайт

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

У меня снова проблемы с форматированием текста

Прописала:


#nav{
padding: 75px 40px 10px 40px;
}
ul.nav a:link {
text-decoration: underline;
color:#000000;
}
ul.nav a:visited, a.visited{
text-decoration: underline;
color:#ffffff;
}
/*ссылка при наведении*/
ul.nav a:hover, a.hover{
text-decoration: underline;
color: #8ac1f7;
}

а ссылки все равно такие, как задано для всех ссылко на сайте... Что не так делаю?

Link to comment
Share on other sites

  • 0

Вы задали псевдокласс :link для ссылок. Если хотите, чтобы все ссылки были черного цвета (#000000), то нужно указать цвет ссылок и для посещенных гиперссылок в том числе:

ul.nav a {
text-decoration: underline;
color:#000000;
}

Link to comment
Share on other sites

  • 0

Я хочу, чтоб не все, а ссылки только в этом диве (nav), были черного (допустим) цвета.

Ин=справила на

ul.nav a{
text-decoration: underline;
color:#000000;
}
ul.nav a:visited, a.visited{
text-decoration: underline;
color:#000000;
}
/*ссылка при наведении*/
ul.nav a:hover, a.hover{
text-decoration: underline;
color: #000000;
}

- не работает((

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy