Форум Сайтостроение Веб-строительство

«Вы находитесь здесь»

WoR
На сайте с 21.12.2003
Offline
75
WoR
577

Каким образом возможно выделить текущий раздел сайта автоматически?

Нашел только подобный способ: 

<html>

<head>

<title>Untitled</title>

<style>

body#home #home a {color:#f00;}

body#about #about a {color:#f00;}

body#news #news a {color:#f00;}

body#sponsors #sponsors a {color:#f00;}

</style>

</head>



<body id="sponsors">



<dl id="home"><a href="/" title="">Home</a></dl>

<dl id="about"><a href="/" title="">About</a></dl>

<dl id="news"><a href="/" title="">News</a></dl>

<dl id="sponsors"><a href="/" title="">Sponsors</a></dl>



</body>

</html>

Какие есть альтернативы?

ТВЭЛ
На сайте с 29.09.2006
Offline
111
ТВЭЛ
#1

Что-то не понял, какая при этом автоматика? Если CMS генерирует id body, то точно также она может генерировать любой класс для любого элемента. Какую Вы хотите альтернативу, в смысле, что не устраивает в этом? Правда, я бы CSS в примере немножко сократил. 

<style>

body#home #home a, 

body#about #about a, 

body#news #news a, 

body#sponsors #sponsors a {color:#f00;}

</style>
Время не ждёт.
Аргументы почему не нужно Оптимизация CSS Санкции за ИИ контент
-
На сайте с 07.12.2005
Offline
97
-K-
#2

Одинаковый ID не может быть у 2 элементов!

ТВЭЛ
На сайте с 29.09.2006
Offline
111
ТВЭЛ
#3

-K-, Вы совершенно правы, как я не заметил, что тут еще и ошибка. Надо делать классами, или комбинацией id и класса.

Ayavryk
На сайте с 11.10.2003
Offline
209
Ayavryk
#4

Вар.1 (class=selected назначается через CMS)

<style>

.selected a {color:red;text-decorated:none;}

</style>

<dl id="home"><a href="/home" title="">Home</a></dl>

<dl id="about"><a href="/about" title="">About</a></dl>

<dl id="news"><a href="/news" title="">News</a></dl>

<dl class="selected" id="sponsors"><a href="/sponsors" title="">Sponsors</a></dl>

Вар.2 (class=selected назначается через JS)

<dl id="home"><a href="/home" title="">Home</a></dl>

<dl id="about"><a href="/about" title="">About</a></dl>

<dl id="news" ><a href="/news" title="">News</a></dl>

<dl id="sponsors"><a href="/sponsors" title="">Sponsors</a></dl>

<script>

...........

if (location.href.indexOf('sponsors')>0) document.getElementById("sponsor").className="selected"

............

</script>

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий