|
|
Posted by Barbara de Zoete on 04/28/06 11:08
On Fri, 28 Apr 2006 09:52:49 +0200, Mice Over <mouse@house.com> wrote:
> notice in some in-line style statments, you can use onmouseover,
> onmouseout
> statements to control hover features of links or table cells.
>
> instead of implanting the lengthly style description in every TD, I'm
> wondering, can onmouseover (etc) statements be built into style defn's
> in a
> seperate CSS file or in a style statement in the <head>.
<URL:http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes>
Example, markup:
<ul id="menu">
<li><a href="home.html">home</a></li>
<li><a href="sitemap.html">sitemap</a></li>
<li><a href="test.html">test</a></li>
<li><a href="test2.html">test 2</a></li>
<li><a href="contact.html">contact.html</a></li>
</ul>
Example, styles (in the head of the page):
<style type="text/css">
#menu {
float:left;
margin:0 2em 1em 0;
width:8em; }
#menu ul {
list-style:none;
margin:0;
padding:0; }
#menu a {
display:block;
width:100%;
text-decoration:none;
background-color:yellow;
color:black; }
#menu a:hover, #menu a:visited {
background-color:black;
color:yellow; }
#menu a:active {
background-color:rgb(130,130,130); }
</style>
There are many good recourses on line. Try Google
<URL:http://www.google.com/search?q=CSS+navigation+menu>
--
______PretLetters:
| weblog | http://www.pretletters.net/weblog/weblog.html |
| webontwerp | http://www.pretletters.net/html/webontwerp.html |
|zweefvliegen | http://www.pretletters.net/html/vliegen.html |
[Back to original message]
|