Z jakiegoś powodu zrobiłem to, aby mój aktywny tekst (a) był pogrubiony, ale jest aktywny tylko wtedy, gdy zostanie kliknięty myszą, gdy zostanie zwolniony z kliknięcia, wyłącza się, a tekst wraca do niego Zwyczajny stan.

Dlaczego to?

Jeśli dostałeś się do MSN, spójrz na tekst powyżej ich paska wyszukiwania. Po kliknięciu go pogrubia i zmienia kolor na pomarańczowy. Bez wychodzenia ze strony. Właśnie to próbuję zrobić.

HTML:

<div id="searchtopics">
<ul>

    <li><a href="#">Web</a> </li>
    <li><a href="#">MSN</a> </li>
    <li><a href="#">Images</a> </li>
    <li><a href="#">Video</a> </li>
    <li><a href="#">News</a> </li>
    <li><a href="#">Maps</a> </li>
    <li><a href="#">Shopping</a> </li>

</ul>
</div>

CSS:

#searchtopics {
    position:absolute;
    margin-left:208px;
    margin-top:38px;
    }

#searchtopics a {
    text-decoration:none;
    float:left;
    padding: 2px 6px 4px 6px;
    color:rgb(100,100,100);
    }

#searchtopics a:hover{
    text-decoration:underline;

    }

#searchtopics a:active{
    color:rgb(100,100,100);
    font-weight:bold;

    }

#searchtopics ul   {
    display:inline;
    list-style:none;
}


#searchtopics ul li {
    display:inline;
    color:rgb(100,100,100);
    font-family:"arial", times, sans-serif;
    font-size:12px;
    }