Форумы портала PHP.SU :: Версия для печати :: проблемы с Навигацией сайта

1. onixred - 13 Ноября, 2009 - 14:47:06 - перейти к сообщению

Я пишу курсовую работу (сайт)
У меня возникли проблемы с навигацией мне нужно чтобы текущий раздел навиграций отличался от других цветом ! как это сделать ?
я использую ссылки

CODE (text):
скопировать код в буфер обмена

<a href="index.php">Главная</a>
                <a href="lessons.php">Теория</a>
                <a href="articles.php">Практика</a>             
                <a href="contacts.php">Помощь</a>
                <a href="map.php">Карта учебника</a>

и css

CODE (text):
скопировать код в буфер обмена

 
/* CSS Document */
.main_border {border:1px solid #000000;}
p {font-family:Verdana; font-size:12px; margin: 15px;}
.left {background-color:#f6f6f6; border-right:4px solid #222222; }
body { background-image:url(img/bg.gif)}
p.title {
background-color: #621E7E;
color: #ffffff;
font-weight:bold;
margin:5px;
padding:5px;
}
 
#coolmenu{
border: 1px solid gray; /*Стиль рамки */
border-bottom-width: 0;
width: 93%; /*Ширина меню */
background-color: #f6f6f6;  /*Фоновый цвет ячейки*/
margin:8px; /*Ширина отступов*/
}
 
* html #coolmenu{ 
width: 150px;/*Ширина меню для Internet Explorer*/
}
 
#coolmenu a{
font: bold 13px Verdana; /*Шрифт текста*/
padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
padding-left: 4px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
display: block;
width: 100%; /*Ширина ячейки*/
color: #000000;  /*Цвет текста*/
text-decoration: none; /*Подчеркивание у ссылок - нет*/
border-bottom: 1px solid gray;
}
 
html>body #coolmenu a{ 
 
width: auto;
}
 
#coolmenu a:hover{
 
background-color: #cccccc; /*Фоновый цвет ячейки при наведение курсора*/
color: #000000;  /*Цвет текста при наведении курсора*/
}
 