Как сделать активную текстовую ссылку с помощью HTML 4.01 и CSS 2?

Question

[iSerega2014]

Добрый вечер!) Такой вопрос: Кнопка - просто картинка (не ссылка), а на кнопке текстовая ссылка, ведущая на другую страницу. Как сделать, чтобы в момент нахождения на активной странице она была выделена, аналогично переходя на другую страницу, была активна другая страница, чтобы было понятнее на какой странице сейчас находится посетитель? Я для ссылок прописал только :hover и :visited... Исключительно на HTML 4.01 и CSS 2))

Answer 1

[Егор Огурцов]

Добавьте класс кнопке родителю на нужной странице и используйте его для выделения ссылки.

Comments

[iSerega2014]

Егор, а можете подробнее написать?))

[Егор Огурцов]

iSerega2014: в примере я добавил класс .active, который меняет стили, подсвечивая нужную ссылку
jsfiddle.net/85x12nq5

[iSerega2014]

Егор Огурцов: спасибо огромное))

Answer 2

[phpus]

Просто создаешь дополнительный класс.
Если ты на главной стр. то код будет таким

<div class="nav">
        <a href="#" class="activ">домой</a>
        <a href="#">о нас</a>
        <a href="#">ссылка</a>
    </div>
    <style>
        .nav{//стили для...}
        .nav a{//стили для...}
        .activ{
            background: #eee;
            color: #f00;
            text-shadow: 0 0 1px 0 #dedede
        }
    </style>

Если на стр. о нас

<div class="nav">
        <a href="#">домой</a>
        <a href="#"class="activ">о нас</a>
        <a href="#">ссылка</a>
    </div>
    <style>
        .nav{//стили для...}
        .nav a{//стили для...}
        .activ{
            background: #eee;
            color: #f00;
            text-shadow: 0 0 1px 0 #dedede
        }
    </style>

Comments

[iSerega2014]

Я давно html 4 и css 2 учил, года 2-3 назад, даже php учил, так и не понял его)) потом все бросил, а сейчас просто сделал "сайт" с 4-мя страничками html чисто для дела и переходить на новые версии нету смысла, хотя я когда хотел учить html 5 и css 3))

[Егор Огурцов]

А зачем в данном случае html5 и css3?

[phpus]

Ну если я правильно тебя понял.
То находясь на главной, тебе надо подсвечивать ссылку Главная, пускай другим цветом, переходя на другую... к примеру о нас, она должна подсвечиваться в место той? Или что-то иное? Если иное и я правильно понимаю то тут 100% без js не обойтись, потому что css2 не умеет поддерживает события.

[iSerega2014]

phpus: Спасибо, вот то, что ты прислал код - это оно!))

[phpus]

iSerega2014: Да нез. =) Рад что помог, день не зря прошел :D

[phpus]

Только отметь как решение.. там сверху ... -> "отметить как решение". Что бы другие не задавали похожий вопрос.

[iSerega2014]

phpus: Это да))

[iSerega2014]

phpus: Нажал))

[phpus]

Кс, кс, ты не нажал :D