Как у вас навести курсор мыши и ссылку одновременно?

Question

Пример страницы: http://kian02.comlu.com/kian3.html Я хочу, чтобы Navi на странице примера имел указатель мыши, а также был ссылкой. Это сходит с ума из-за того, что я пытаюсь, как вы видите, лол.

Answer 1

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

Хороший способ сделать это - использовать неупорядоченный список с элементами списка и якорями:

<ul id="navigation">
  <li><a href="home.htm">Home</li>
  <li><a href="contact.htm">Contact</li>
  <li><a href="gallery.htm">Gallery</li>
</ul>

Затем используйте CSS для отображения встроенных элементов и добавьте стили наведения:

#navigation li
{
    display: inline /*this will display your elements horizontally*/
    color: #fff;
    background-image: url(path/to/file.png);
}

#navigation li:hover
{
    color: #f00;
}

Вам также следует взглянуть на CSS-спрайтов , они очень полезны с навигационными меню и определенно помогут вам сделать вашу навигацию выглядящей и работающей так, как вы хотите:)

Answer 2

используйте тег и ссылку на ссылку при наведении курсора мыши также будет работать и ссылка также работает