Связанные ссылки.

[lukovoy]

Здравствуйте.

У меня есть один важный вопрос.

Как можно связать 2 ссылки?

Что имееться ввиду.

В шапке сайта есть несколько моделей автомобилей, которые кликабельны - ведут на страницу с описанием (изображения) - каждая модель в блоке DIV.

Также есть горизонтальное меню с названием этих моделей (список).

Изображение не получится поместить в список (по дизайну)

Как сделать, чтобы при наведении мышки на модель автомобиля подсвечивалось соответствующий пункт меню?

Буду очень благодарен за совет (помощь)

[psywalker]

JS тебе в помощь.

[swetlana]

есть смутное ощущение, что может и без js получиться.

Но посмотреть бы хотя бы на макет.

[psywalker]

есть смутное ощущение, что может и без js получиться.

Но посмотреть бы хотя бы на макет.

А покажи пример того, как это "примерное" делается без JS

[swetlana]

это просто должна быть одна ссылка.

Но конкретно как это сделать (если в данном случае такое возможно и нужно) — нужен макет. Без макета остаётся только гадать.

[psywalker]

это просто должна быть одна ссылка.

Но конкретно как это сделать (если в данном случае такое возможно и нужно) — нужен макет. Без макета остаётся только гадать.

Нет, мне просто интересно увидеть пример похожих вещей, если можно плиз

[swetlana]

а мне охота понять — похожих на что?

Так, Макс, я тебя раскусила.

Ты опять хочешь взять на слабо и развести на то, чтобы я сделала и показала, что такое возможно.

Ты же знаешь, что я могу сделать. Хотя пока и не знаю, что именно. Но это точно возможно.

А если знаешь, то зачем?

[psywalker]

а мне охота понять — похожих на что?

Так, Макс, я тебя раскусила.

Ты опять хочешь взять на слабо и развести на то, чтобы я сделала и показала, что такое возможно.

Ты же знаешь, что я могу сделать. Хотя пока и не знаю, что именно. Но это точно возможно.

А если знаешь, то зачем?

Ладно, давай пока подождём, хорошо

[lukovoy]

Вот хтмл одной из моделей

<div class="xc60"><a href="#"><img src="images/xc60.png" width="165" height="92" alt="xc60"></a></div> - картинка

<ul>Кроссоверы<br />

<li class="lxc60"><a href="#">XC60</a></li></ul>

Ну и css этих элементов

.xc60 {width:165px; height:92px; position:relative; left:15px; z-index:1;}

#model ul li {float: left;

height: 14px;

margin-top: 5px;

text-align:center;

padding: 0 15px 30px;

color:#333;

font: 14px Tahoma, Geneva, sans-serif; font-weight:bold; color: #333333; text-transform:uppercase; }

#model ul li a{text-decoration:none; color: #333;}

#model ul li a:hover {color:#fff; text-shadow: black 0.1em 0.1em 0.2em; background:url(images/modelmenu_cur.jpg) no-repeat bottom center; padding-bottom: 6px;}

Edited April 2, 2011 by lukovoy

[psywalker]

Ну как я и говорил, только с помощью JS. Ну или с помощью Светиного волшебства

[lukovoy]

А как быть, если я не очень разбираюсь в JS?

[psywalker]

А как быть, если я не очень разбираюсь в JS?

Ну как пример, отписать мне на почту свою аську, и вопрос решиться

psywalker09@gmail.com

[swetlana]

или ещё вариант: всё-таки поделиться макетом.

При наличии картинки, показывающей, как должно выглядеть, полагаю, что описания функционала, предоставленного в этой теме, будет уже достаточно.

[lukovoy]

Забыл прицепить изображение

[psywalker]

Если у тебя плохо с JS, то как ты собираешься это делать?

[lukovoy]

В принципе уже сделал, через document.getElementById

[Serlutin]

Есть подозрение, что такое всё-таки можно сделать через CSS, однако код разрастётся до огромных размеров, да и в будущем поддерживать (например, добавить новую модель) будет сложно.

[swetlana]

Без сомнений возможно.

Но js тут значительно уместнее.