Навигация по сайту (только html и css)

Ururu · April 1, 2015

Добрый день.

Сайт состоит из нескольких сотен страниц, все страницы между собой слинкованы, т.е. на каждой странице пронумерованы ссылки друг на друга (что то вроде навигации).

Есть только html и css.

Сами ссылки оформлены кнопками или картинками.

Подскажите пожалуйста как можно выделить активную страничку ("подсветить" кнопку в навигации)?

Но так, что бы не редактировать свойства для каждой странички отдельно.

Вот например такие 3 странички.

Возможно ли выделять активную, не редактируя стили на каждой?

Страничка 1.html

<!DOCTYPE html><html><head><title>1</title></head><body><p>text...text...text</p><a href="1.html"><img src="1.jpg" width="20" height="20"></a><a href="2.html"><img src="2.jpg" width="20" height="20"></a><a href="3.html"><img src="3.jpg" width="20" height="20"></a></body></html>

Страничка 2.html

<!DOCTYPE html><html><head><title>2</title></head><body><p>text...text...text</p><a href="1.html"><img src="1.jpg" width="20" height="20"></a><a href="2.html"><img src="2.jpg" width="20" height="20"></a><a href="3.html"><img src="3.jpg" width="20" height="20"></a></body></html>

Страничка 3.html

<!DOCTYPE html><html><head><title>3</title></head><body><p>text...text...text</p><a href="1.html"><img src="1.jpg" width="20" height="20"></a><a href="2.html"><img src="2.jpg" width="20" height="20"></a><a href="3.html"><img src="3.jpg" width="20" height="20"></a></body></html>

Great Rash · April 2, 2015

Только на HTML и CSS никак.

Switch74 · April 2, 2015

можно поэкспериментировать с :target, возможно такой вариант подойдет

Sign In

Навигация по сайту (только html и css)

Question

Ururu

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information