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

Помогите с css!

12
Z
На сайте с 19.01.2006
Offline
23
zonner
773

Два дня голову ломаю, как сделать меню на html+css, чтобы для текущего пункта меню подгружался один фоновый(!) рисунок(image00.jpg), а для остальных - другой(image01.jpg) И чтобы это все работало без php! :confused:

Меню упаковано в таблицу. 


<table cellpadding="0" cellspacing="0" border="0">

<tr>

		<td><a href="">ссылка 1</a></td>

		<td><a href="">ссылка 2</a></td>

		<td><a href="">ссылка 3</a></td>

		<td><a href="">ссылка 4</a></td>

		<td><a href="">ссылка 5</a></td>

</tr>

</table>

Спасибо всем ответившим!:idea:

СКОРПИОН
На сайте с 05.01.2006
Offline
120
СКОРПИОН
#1

PHP?!

Может, без JS?

Что Вы понимает под словом текущий?

Тот, над которым сейчас находится поинтер?

• Контекстные ссылки с внутренних страниц навсегда (/ru/forum/370882) • Качественные сайты для заработка на контекстной рекламе и ссылках
Z
На сайте с 19.01.2006
Offline
23
zonner
#2
СКОРПИОН:
Может, без JS?
Что Вы понимает под словом текущий?

вы совершенно правы, без JS! Забылся.

Текущий раздел имею ввиду тот, где находится посетитель. (та страница, которая открыта им)

filosof
На сайте с 29.10.2005
Offline
171
filosof
#3

Если не заморачиваться — никак наверное.

СКОРПИОН
На сайте с 05.01.2006
Offline
120
СКОРПИОН
#4

SSI доступен?

pelvis
На сайте с 01.09.2005
Offline
345
pelvis
#5

zonner, а может мануальчики по js&css&html прочитать сначала? Гугль сразу дает нужный ответ :)

Продаю вывески. Задарма и задорого (https://www.ledsvetzavod.ru/)
Killer
На сайте с 12.11.2004
Offline
130
Killer
#6

Поскипано, ибо неактуально.

pelvis
На сайте с 01.09.2005
Offline
345
pelvis
#7

Killer, а функцию для шапки почему не привели сразу?

Z
На сайте с 19.01.2006
Offline
23
zonner
#8
СКОРПИОН:
SSI доступен?

да, доступен.

pelvis:
а может мануальчики по js&css&html прочитать сначала?

читал. не смог понять до конца.

to4kaRU
На сайте с 01.09.2005
Offline
14
to4kaRU
#9

zonner, первое - не извращайся, делай через списки.

Второе - вот тебе ссылка в помощь: http://css.maxdesign.com.au/listamatic/index.htm

Надеюсь, поможет.

СКОРПИОН
На сайте с 05.01.2006
Offline
120
СКОРПИОН
#10
zonner:
да, доступен.

Тогда просто. Выносите меню в подключаемый файл.

Называете его, например, menu.html

Подключаете из каждого раздела так: 


<!--#include virtual="menu.html" -->

В файле menu.html пишите приблизительно так: 


<!--#if expr="$__SECTION = SEC_1" -->

<div class="Класс для текущего пункта меню">Пункт меню 1</div>

<!--#else -->

<div><a class="Класс для пункта меню" href="">Пункт меню 1</a></div>

<!--#endif -->

<!--#if expr="$__SECTION = SEC_2" -->

<div class="Класс для текущего пункта меню">Пункт меню 2</div>

<!--#else -->

<div><a class="Класс для пункта меню" href="">Пункт меню 2</a></div>

<!--#endif -->



.....



<!--#if expr="$__SECTION = SEC_N" -->

<div class="Класс для текущего пункта меню">Пункт меню N</div>

<!--#else -->

<div><a class="Класс для пункта меню" href="">Пункт меню N</a></div>

<!--#endif -->

Ну и, соответственно, в каждом разделе перед вызовом меню определяете переменную $__SECTION следующим образом: 


<!--#set var="__SECTION" value="SEC_1" -->

В сборе выглядит так: 


Код страницы...

Подключение меню:

<!--#set var="__SECTION" value="SEC_1" -->

<!--#include virtual="menu.html" -->

Продолжение кода страницы...

В общих чертах так.

З.Ы.

Если приблизить к Вашему примеру, то вместо <div> будет <td>.

12

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