| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > css правило для ссылки на открытую страницу |
| Автор: koyra 26.12.2007, 22:39 |
| Всем привет, мне нужно с помошью задать css правило чтобы в меню ссылка на открытую страницу в настоящее время было выделено цветом. я думал использовать a:focus или a:active a:focus { color: #d28e1b; } a:active { color: #d28e1b; } но ни одно из них не помогает. но ниже написанное работает при проведении мыши над ссылкой. a:hover { color: #d28e1b; } а также при щелчке мышкой ссылка становится красной. но при открытии страницы она вновь становится как раньше... |
| Автор: bars80080 27.12.2007, 10:47 |
| a:visited читать -> мануал http://htmlbook.ru |
| Автор: KonstRuctor 28.12.2007, 01:11 |
| Предположим, есть некое меню, в нем ссылки на страницы сайта. Я обычно пишу на php функцию, которая меняет css-класс ссылки на данную страницу, если данная страница отображается на экране. К примеру, юзер смотрит страницу "Магазин". Тогда меню выглядит так: ------------------------------------------------------------------------------------------------ Главная / О компании / Новости / Магазин / Форум ------------------------------------------------------------------------------------------------ Добро пожаловать в Магазин! .... И так далее. Как это сделать без Php, не знаю, хотя однажды читал про javascript, который также может делать такие штуки. Зачем бы это делать так сложно? Подумал я и эту технику не запомнил. * * * Основная идея -- придумать класс для обычных ссылок меню и для ссылки на активную страницу. И для каждой уже прописать link, visited, hover, active |
| Автор: SelenIT 28.12.2007, 01:19 |
| Как вариант - после загрузки страницы пробегать по коллекции document.links (или ее более современному аналогу) и удалять атрибут href у тех ссылок, у которых его значение совпадает с window.location. И, соответственно, в CSS держать разные стили для a и a:link - тогда стиль для "голого" a будет автоматом применяться для текущих ссылок в соотв. контексте... |
| Автор: KonstRuctor 28.12.2007, 02:28 |
| Кстати, bars80080, огромное спасибо за пример кода. Связанные селекты я так и не поборол, зато с помощью изучения Вашего кода сделал классное меню, которое, быть может, было бы интересно автору данной темы. Меню использует связку php+mysql+javascript+css Выглядит так: ------------------------ Категория • раздел 1 • раздел 2 Еще категория • еще раздел • разделов много ------------------------- И так далее. При первом посещении все разделы свернуты. При щелчке на категории открывается перечень разделов без перезагрузки страницы. При щелчке на другой категории тот закрывается, новый открывается, тоже без перезагрузки. При щелчке на имени раздела -- перезагрузка, загружается нужная страница, категория развернута, текущее название раздела в меню выделено и кликабельно. |
| Автор: bars80080 28.12.2007, 10:24 |
| усегда пожалуйста |