слагане на onmausover чрез css

Здравейте, имах навигация с таблици, но я промених на цсс. В таблиците бях вкарвал хайлайт на клетките при онмаусовър чрез:

В отговор на:

---

<style type="text/css">
td.off {
background: #bdcffc;
}
td.on {
background: #9DBBFF;
}
</style>

---

И след това в body във всяка клетка:

В отговор на:

---

<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"

---

Въпросът ми е как тази промяна на цвета на клетката при онмаусовър да я вкарам при <ul> и <li> таговете ?

В <li>-тата имаш хипервръзки, нали така? Е, на тях им задаваш:

li a{
display:block; - тук е фокусът
background: #bdcffc;
}

li a:hover{
background: #9DBBFF;
}

Също така, на <a>-тата или на родителския им блоков елемент трябва да зададеш ширина, че иначе ще се разтеглят колкото могат. В зависимост от нуждите ти, може и височина.

Много сайтове ползват този начин, разгледай:

[линк] - хоризонтално меню
[линк] - вертикално меню

[линк] - лекции, мъдрости, интернет сигурност, уеб дизайн

много благодаря, стана точно както исках. Само не разбрах при

<ul id="nav">
<li><a href="#"><strong>Home</strong></a></li>
<li><a href="#"><strong>About</strong></a>
<ul>
<li><a href="#"><strong>History</strong></a></li>
<li><a href="#"><strong>Team</strong></a></li>
<li><a href="#"><strong>Offices</strong></a></li>
</ul>
</li>
</ul>

как и къде трябва да се зададът височината и ширината(макар че не се получава това разпъване за което говориш)?

Имаш право да зададеш ширина на всичко - на DIV-а, който съдържа UL-овете (ако има такъв), на самите UL-ове, на A-тата. Щом не ти се получава разтягане, значи все нещо е зададено и нямаш ядове.

Височина - най-добре a-тата да имат.

Виж и темата ми "Как да махна едни разстоянията между LI-та...", там има примери точно с такова меню.

[линк] - лекции, мъдрости, интернет сигурност, уеб дизайн

Димоди много съм ти благодарен, както за мигновенните отговори, така и за разясненията, ако всички потребители на клубовете са като теб, този форум нямаше да има цена(разбира се, сега също влиза в помощ на страшно много хора). Продължавай в същия дух да помагаш на всички със всичко и да раздаваш знания.

Мерси

[линк] - лекции, мъдрости, интернет сигурност, уеб дизайн