Здравствуйте! Подскажите, пожалуйста, как задать для блока меню цвет текста, отличный от цвета ссылок? СЕйчас пункты меню оформляются, как все ссылки на сайте...
вот 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; }
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.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
Zeeeya
Здравствуйте! Подскажите, пожалуйста, как задать для блока меню цвет текста, отличный от цвета ссылок? СЕйчас пункты меню оформляются, как все ссылки на сайте...
вот 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
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.